关于可动车轮的简单教程和JS代码分享

关于随机摇晃、车轮转动、判断轨道类型、使用js完成音效播放的JS代码分享
https://www.mtrbbs.top/thread-6680-1-1.html
(出处: MTRBBS 我的世界铁路中文论坛)

上面是本贴的更新版本，请尽量参考上贴。


今天随便写了一个可动轮的代码和大家分享一下。
主要思路是一个在原点的轮子移动、旋转并带有一些简单的逻辑。


wheel文件中名为wheel的模型(上图)


简单的应用（上图）

列车是我这几天从rtm搬到mtr的df5g 原作者金色原野，已取得移植许可，过两天做完了会免费分享出来
这是我第一次写js，效率什么的可能不是最优，恳请多多批评指正。代码如下，欢迎各位尝试。

1. var rms = ModelManager.loadPartedRawModel(Resources.manager(), Resources.idRelative("wheel.obj"), null);
   
2. var models = uploadPartedModels(rms);
   
3. var pid=1.2 //轮子直径
   
4. var d=-0.446434; //轮子距原点纵轴距离
   
5. var s1=3.1358; //轮子距原点横距离1
   
6. var s2=1.80722; //轮子距原点横距离2
   
7. 
   
8. function create(ctx, state, train) {
   
9.   state.r = 0;
   
10.   state.speed = 0;
    
11. }
    
12. 
    
13. function render(ctx, state, train) {
    
14.   if(train.speed()-state.speed>0){
    
15.     if(train.isReversed()){
    
16.       state.r = state.r - train.speed() / ( pid * Math.PI ) * 360 * Timing.delta() * 20;
    
17.     }else{
    
18.       state.r = state.r + train.speed() / ( pid * Math.PI ) * 360 * Timing.delta() * 20;
    
19.     }
    
20.   }else if(train.speed()-state.speed==0){
    
21.     state.r = state.r;
    
22.   }
    
23.   for (let i = 0; i < train.trainCars(); i++) {
    
24.     let mat = new Matrices();
    
25.     mat.translate(0,d,0);
    
26.     mat.translate(0,0,s1);
    
27.     mat.pushPose();
    
28.     mat.rotateX(state.r);
    
29.     ctx.drawCarModel(models["wheel"], i, mat);
    
30.     mat.popPose();
    
31.     mat.translate(0,0,s2);
    
32.     mat.pushPose();
    
33.     mat.rotateX(state.r);
    
34.     ctx.drawCarModel(models["wheel"], i, mat);
    
35.     mat.popPose();
    
36.     mat.translate(0,0,s2);
    
37.     mat.pushPose();
    
38.     mat.rotateX(state.r);
    
39.     ctx.drawCarModel(models["wheel"], i, mat);
    
40. 
    
41.     let mat2 = new Matrices();
    
42.     mat2.translate(0,d,0);
    
43.     mat2.translate(0,0,-s1);
    
44.     mat2.pushPose();
    
45.     mat2.rotateX(state.r);
    
46.     ctx.drawCarModel(models["wheel"], i, mat2);
    
47.     mat2.popPose();
    
48.     mat2.translate(0,0,-s2);
    
49.     mat2.pushPose();
    
50.     mat2.rotateX(state.r);
    
51.     ctx.drawCarModel(models["wheel"], i, mat2);
    
52.     mat2.popPose();
    
53.     mat2.translate(0,0,-s2);
    
54.     mat2.pushPose();
    
55.     mat2.rotateX(state.r);
    
56.     ctx.drawCarModel(models["wheel"], i, mat2);
    
57.   }
    
58.   state.speed=train.speed();
    
59. }
    
60. 
    
61. 
    
62. 
    
63. 
    
64. function uploadPartedModels(rawModels) {
    
65.     let result = {};
    
66.     for (it = rawModels.entrySet().iterator(); it.hasNext(); ) {
    
67.       entry = it.next();
    
68.       entry.getValue().applyUVMirror(false, true);
    
69.       result[entry.getKey()] = ModelManager.uploadVertArrays(entry.getValue());
    
70.     }
    
71.     return result;
    
72.   }

复制代码

这个代码该放到哪里

yomi 发表于 2024-5-5 15:42
这个代码该放到哪里

我想你理解了以后就会知道的 推荐阅读https://www.zbx1425.cn/nautilus/mtr-nte/#/js-train