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="input-group">
<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>
</div>
<div class="col-sm">
<div class="input-group">
<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>
</div>
<div class="col-sm">
<div class="input-group">
<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>
</div>
<div class="col-sm">
<div class="input-group">
<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>
</div>
<div class="col-sm">
<div class="input-group">
<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>
</div>

42
projects/projectile/index.js
View file

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