loic/physics
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update

Browse source
This commit is contained in:
Loic Guegan 2021-10-07 09:27:52 +02:00
parent ffd4ee4cc9
commit 8806d5d61b
2 changed files with 20 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
projects/projectile/index.html
View file

@ -2,35 +2,35 @@
<div class="col-sm"> <div class="col-sm">
<div class="input-group"> <div class="input-group">
<div class="input-group-text">\(x_0\)</div> <div class="input-group-text">\(x_0\)</div>
<input type="number" class="form-control" v-model="x0"> <input type="number" class="form-control" v-model.number="x0" @input="origin_redraw">
<div class="input-group-text">\(m\)</div> <div class="input-group-text">\(m\)</div>
</div> </div>
</div> </div>
<div class="col-sm"> <div class="col-sm">
<div class="input-group"> <div class="input-group">
<div class="input-group-text">\(y_0\)</div> <div class="input-group-text">\(y_0\)</div>
<input type="number" class="form-control" v-model="y0"> <input type="number" class="form-control" v-model.number="y0" @input="origin_redraw">
<div class="input-group-text">\(m\)</div> <div class="input-group-text">\(m\)</div>
</div> </div>
</div> </div>
<div class="col-sm"> <div class="col-sm">
<div class="input-group"> <div class="input-group">
<div class="input-group-text">\(v_{0,x}\)</div> <div class="input-group-text">\(v_{0,x}\)</div>
<input type="number" class="form-control" v-model="vx0" @input="v0_redraw"> <input type="number" class="form-control" v-model.number="vx0" @input="origin_redraw">
<div class="input-group-text">\(m.s\)</div> <div class="input-group-text">\(m.s\)</div>
</div> </div>
</div> </div>
<div class="col-sm"> <div class="col-sm">
<div class="input-group"> <div class="input-group">
<div class="input-group-text">\(v_{0,y}\)</div> <div class="input-group-text">\(v_{0,y}\)</div>
<input type="number" class="form-control" v-model="vy0" @input="v0_redraw"> <input type="number" class="form-control" v-model.number="vy0" @input="origin_redraw">
<div class="input-group-text">\(m.s\)</div> <div class="input-group-text">\(m.s\)</div>
</div> </div>
</div> </div>
<div class="col-sm"> <div class="col-sm">
<div class="input-group"> <div class="input-group">
<div class="input-group-text">\(g\)</div> <div class="input-group-text">\(g\)</div>
<input type="number" class="form-control" v-model="g"> <input type="number" class="form-control" v-model.number="g">
<div class="input-group-text">\(m.s^{-2}\)</div> <div class="input-group-text">\(m.s^{-2}\)</div>
</div> </div>
</div> </div>

40
projects/projectile/index.js
View file

@ -47,11 +47,7 @@ let projectile= function (p){
return -g * t + vy0 return -g * t + vy0
} }
p.v0_redraw=function(vx0,vy0){ let draw_vectors=function(x,y,skiparrow=false){
p.draw(p.createVector(vx0,vy0))
}
let draw_vectors=function(x,y,newV0,skiparrow=false){
p.push() p.push()
p.stroke(199, 141, 107) p.stroke(199, 141, 107)
@ -60,25 +56,21 @@ let projectile= function (p){
p.stroke(200) p.stroke(200)
draw_arrow(p,x0,height-y0,x,y,r,c,skiparrow) draw_arrow(p,x0,height-y0,x,y,r,c,skiparrow)
p.stroke(121, 199, 107) p.stroke(121, 199, 107)
draw_arrow(p,x0,height-y0,x0,height-y0-50,vj,c,skiparrow,true) draw_arrow(p,app.x0,height-app.y0,app.x0,height-app.y0-50,vj,c,skiparrow,true)
p.stroke(199,119,107) p.stroke(199,119,107)
draw_arrow(p,x0,height-y0,x0+50,height-y0,vi,c,skiparrow) draw_arrow(p,app.x0,height-app.y0,app.x0+50,height-app.y0,vi,c,skiparrow)
p.stroke(181, 107, 199) p.stroke(181, 107, 199)
if(newV0==null){ draw_arrow(p,app.x0,height-app.y0,app.x0+app.vx0,height-(app.y0+app.vy0),vy0t,c,skiparrow)
draw_arrow(p,x0,height-y0,x0+vx0,height-(y0+vy0),vy0t,c,skiparrow)
}
else{
draw_arrow(p,x0,height-y0,x0+newV0.x,height-(y0+newV0.y),vy0t,c,skiparrow)
}
p.pop() p.pop()
} }
p.draw = function(newV0=null) { p.draw = function() {
p.clear() p.clear()
let x=xt(t) let x=xt(t)
let y=yt(t) let y=yt(t)
@ -93,11 +85,11 @@ let projectile= function (p){
p.pop() p.pop()
// Draw vectors // Draw vectors
draw_vectors(x,y,newV0=newV0) draw_vectors(x,y)
p.push() p.push()
p.stroke(0) p.stroke(0)
p.ellipse(x0,height-y0,8) p.ellipse(app.x0,height-app.y0,8)
p.pop() p.pop()
// Check simulation state and update it // Check simulation state and update it
@ -120,11 +112,11 @@ let projectile= function (p){
refresh=function(){ refresh=function(){
t=0 t=0
x0=parseFloat(app.x0) x0=app.x0
y0=parseFloat(app.y0) y0=app.y0
vx0=parseFloat(app.vx0) vx0=app.vx0
vy0=parseFloat(app.vy0) vy0=app.vy0
g=parseFloat(app.g) g=app.g
p5Load() p5Load()
} }
@ -141,11 +133,7 @@ project_init=function(){
g:g g:g
}, },
methods:{ methods:{
v0_redraw:function(){ origin_redraw:function(){p5_instance.draw()}
if(p5_instance.end){
p5_instance.v0_redraw(parseFloat(app.vx0),parseFloat(app.vy0))
}
}
} }
}) })
p5Load() p5Load()