p5.js:模拟 n个彩色小球在一个3D大球体内部弹跳

 向 豆包 提问:编写一个 p5.js 脚本,模拟 42 个彩色小球在一个3D大球体内部弹跳。每个小球都应留下一条逐渐消失的轨迹。大球体应缓慢旋转,并显示透明的轮廓线。请确保实现适当的碰撞检测,使小球保持在球体内部。

cd p5-demo
copy .\node_modules\p5\lib\p5.min.js .
编写  p5_3d_42_balls.html  如下




    
    
    3D Bouncing Balls in Sphere
    






双击打开 p5_3d_42_balls.html 

p5.js:模拟 n个彩色小球在一个3D大球体内部弹跳_第1张图片


交互式分形树

  • 描述: 创建一个分形树,用户可以通过鼠标或键盘控制树的生长角度、分支长度等参数。

  • 编写 p5_branch.html  如下

  • 
    
    
       
       
       p5 branch Example
       
    
    
    
    
    
    

    双击打开 p5_branch.html 


动态波形生成器

  • 描述: 创建一个动态波形,用户可以通过鼠标或键盘控制波形的频率、振幅或颜色。

  • 编写 p5_wave.html  如下

  • 
    
    
       
       
       p5 wave Example
       
    
    
    
    
    
    

    双击打开 p5_wave.html 

你可能感兴趣的:(javascript,javascript,3d,p5.js,sphere,branch)