[1024 programmers' day] Why do some programmers leave work earlier than you?

1024 What is it? ？

game ？2 To the tenth power of ？ A forum Festival ？

10 month 24 Japan , In fact, the program ape turns over and makes the decision , Days of refusing to work overtime —— Programmer's Day （ It's also called manong Festival ）.

therefore , Please take care of the endangered species around you ！

Why 10 month 24 Japan ？ because 1024 yes 2 To the tenth power of , The basic unit of measurement for binary counting , It's the number programmers are most familiar with , It's like a doctor's knife 、 The painter's pen .

There is such a poem in the Jianghu ：

abed, I see a silver light , I can write code ; Thousands of birds fly away , I can write code ;

beneath the pine I asked the boy , I can write code ; Sleep in spring , I can write code ;

Day by day , I can write code ; Red beans grow in the south , I can write code ;

Hoe standing grain gradually pawning a midday , I can write code ; To see a thousand miles , I can write code ！

But the ideal is full and the reality is very bony ,“ How bald it is to work overtime ” Has become a programmer's Royal paragraph .

It is said that ：“ If a worker wants to do a good job, he must sharpen his tools first ”, Well used tools , Efficiency must be high . take 3D For visual application development ,3D Visual application development is a big project for every enterprise , It takes a lot of manpower, material and financial resources to do this project well , But it can actually be simplified , It doesn't take much trouble , say concretely ,ThingJS 3D Visual development platform , be based on webgl3D Drawing standards , Use the hottest Javascript Language , encapsulation threejs library , Front end engineers can realize online development , Visualizing the scene by dragging and simply writing some code , Docking data source , After the project is deployed, it can run on the server ~ It's really easy to use , Good tools , Leave work early ！

ThingJS 3D The framework simplifies development , The characteristics of object-oriented and modularization make the web page code easier to manage and maintain , And provide hundreds of official examples , Direct access to API Ability , It doesn't need to be based on 3D Concept development , fit 3D Rapid generation of commercial projects ！ Only one layer away from the business , It is an application method that is easy for non developers to understand . Use native JavaScript Development language , With a simple and easy-to-use 3D Build tools , Let front-end programmers and implementers get started immediately .

Only a few lines of code are needed to implement the first person walking

such 3D The first person walking in the scene can be easily realized with only dozens of lines of code , The code is as follows ：

var app = new THING.App({
 url: 'https://www.thingjs.com/static/models/factory',
 skyBox: 'Night',
 env: 'Seaside',
});
 
//  After loading the scene, execute 
app.on('load', function () 
 //  Create button 
 new THING.widget.Button(' add controls ', add_control);
 new THING.widget.Button(' Reset ', remove_control);
});
 
/**
 *  add controls 
 */
var ctrl = null;
var gui = null;
 
function add_control() {
 if (ctrl) {
 return;
 }
 //  The camera flies to a certain position 
 app.camera.flyTo({
 'position': [2.8321649862532032, 1.800003570690751, 19.142406079541555],
 'target': [8.238903690935196, 1.4337976272817292, 14.458302731727938],
 'time': 1000,
 'complete': function () {
 ctrl = app.addControl(
 new THING.WalkControl({
 //  Parameters can be dynamically modified 
 walkSpeed: 0.02, //  Walking speed 
 turnSpeed: 0.25, //  Right click rotation speed 
 gravity: 29.8, //  Weight of object 
 eyeHeight: 1.8, //  Human height 
 jumpSpeed: 10, //  Press the space bar   The speed of the jump 
 enableKeyRotate: false, //  By default, the keyboard is not turned on to control rotation 
 useCollision: false, //  Collision detection is not enabled by default 
 useGravity: true //  Gravity is on by default 
 })
 );
 // GUI
 gui = new THING.widget.Panel({ 'titleText': ' First person walking ', 'hasTitle': true });
 
 gui.position = [10, 200];
 
 gui.addBoolean(ctrl, 'enableKeyRotate').caption(' The keyboard controls the rotation ');
 gui.addBoolean(ctrl, 'useCollision').caption(' collision detection ');
 gui.addBoolean(ctrl, 'useGravity').caption(' Gravity detection ');
 
 gui.addNumberSlider(ctrl, 'gravity').caption(' gravity ').step(1).min(0).max(50).isChangeValue(true);
 gui.addNumberSlider(ctrl, 'jumpSpeed').caption(' Jump speed ').step(1).min(0).max(30).isChangeValue(true);
 }
 });
}
 
/**
 *  Delete control 
 */
function remove_control() {
 if (ctrl) {
 //  The camera flies to a certain position 
 app.camera.flyTo({
 'position': [36.013, 42.67799999999998, 61.72399999999999],
 'target': [1.646, 7.891, 4.445],
 'time': 1000,
 'complete': function () {
 app.removeControl(ctrl);
 ctrl = null;
 gui.destroy();
 }
 });
 }
}

Look at the effect ：

ThingJS The visualization capability provided can make the Internet of things application scenario easier to understand and control , Significantly improve customer satisfaction and solution competitiveness . Simple to use 3D Visualization platform ThingJS, Front end engineers will js Can the , Give it a try and you'll know how to do it ~