1024是什么?游戏?2的10次方?论坛节?10月24日其实是程序员站出来拒绝加班的日子——Programmer'sDay(也称Coder'sDay)。所以,请爱护身边的程序员这个濒危物种!为什么是10月24日?因为1024是2的10次方,二进制计数的基本计量单位是程序员最熟悉的数字,就像医生的刀和画家的笔一样。江湖流传着这样一首诗:床前月光,我会写代码;千山万鸟飞,我会写代码;松下问男生,我会写代码;当太阳在山的尽头时,我会写代码;南方长红豆,我会写代码;中午锄地的时候,我会写代码;如果我想远行,我会写代码!但理想很丰满,现实很骨感。“加班让你秃得更快”成了程序员的笑话。俗话说:工欲善其事,必先利其器。工具用好,效率一定高。以3D可视化应用开发为例。3D可视化应用开发对于每个企业来说都是一项大工程。完成这个项目需要投入大量的人力、物力和财力,但不费吹灰之力就能化繁为简。具体来说,ThingJS3D可视化开发平台,基于webgl3D绘图标准,使用最流行的Javascript语言,封装threejs库,前端工程师可以实现在线开发,通过简单的拖拽和编写一些代码来连接数据源和可视化场景projects部署好后就可以在服务器上运行了~真的很简单好用,工具很好用,可以早点下班了!ThingJS3D框架简化了开发工作。面向对象和模块化的特性使网页代码更易于管理和维护。还提供数百个官方示例,直接获取API能力。无需基于3D概念开发,适用于3D商业项目。快速生成!离业务只有一层,是非开发人员也很容易理解的应用方式。使用原生的JavaScript开发语言,结合简单易用的3D构建工具,无论是前端程序员还是实现者都可以立即上手。只需要几行代码就可以实现第一人称行走。这个3D场景中的第一人称行走,只需要几十行代码就可以轻松实现。代码如下:varapp=newTHING.App({url:'https://www.thingjs.com/static/models/factory',skyBox:'Night',env:'Seaside',});//加载场景后执行app.on('load',function())app.on('load',function()//创建按钮newTHING.widget.Button('Addcontrol',add_control);newTHING.widget.Button('Reset',remove_control);});/***添加控件*/varctrl=null;vargui=null;functionadd_control(){if(ctrl){return;}//摄像头飞到某位置app.camera.flyTo({'position':[2.8321649862532032,1.800003570690751,19.142406079541555],'target':[8.238903690935196,1.4337976272817292,14.458302731727938],'time':1000,'complete':function(){ctrl=app.addControl(newTHING.WalkControl({//参数可动态修改walkSpeed:0.02,//行走速度turnSpeed:0.25,//右键旋转速度gravity:29.8,//物体重量eyeHeight:1.8,//人heightjumpSpeed:10,//按空格键跳跃速度enableKeyRotate:false,//键盘控制旋转默认不开启useCollision:false,//碰撞检测默认不开启useGravity:true//重力开启默认情况下}));//GUIgui=newTHING.widget.Panel({'titleText':'第一人称调用walking','hasTitle':true});gui.position=[10,200];gui.addBoolean(ctrl,'enableKeyRotate').caption('键盘控制旋转');gui.addBoolean(ctrl,'useCollision').caption('碰撞检测');gui.addBoolean(ctrl,'useGravity').caption('重力检测');gui.addNumberSlider(ctrl,'gravity').caption('Gravity').step(1).min(0).max(50).isChangeValue(true);gui.addNumberSlider(ctrl,'jumpSpeed').caption('跳跃速度').step(1).min(0).max(30).isChangeValue(true);}});}/***删除控件*/functionremove_control(){if(ctrl){//相机飞到某个位置app.camera.flyTo({'position':[36.013,42.6779999999999998,61.72399999999999],'target':[1.646,7.891,4.445],'time':1000,'complete':function(){app.removeControl(ctrl);ctrl=null(gui.destroy)}});}}看效果:ThingJS提供的可视化能力可以让物联网应用场景更容易理解和掌控,大大提高客户满意度和方案竞争力。简单好用的threejs库3D可视化平台ThingJS,前端工程师只要会js,试试就知道怎么做了~
