babylon.js小人快跑动画效果

var createScene = function () {// This creates a basic Babylon Scene object (non-mesh)var scene = new BABYLON.Scene(engine);// This creates and positions a free camera (non-mesh)var camera = new BABYLON.FreeCamera("camera1", new BABYLON.Vector3(0, 5, -10), scene);// This targets the camera to scene origincamera.setTarget(BABYLON.Vector3.Zero());// This attaches the camera to the canvascamera.attachControl(canvas, true);// This creates a light, aiming 0,1,0 - to the sky (non-mesh)var light = new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(0, 1, 0), scene);// Default intensity is 1. Let's dim the light a small amountlight.intensity = 0.7;// Our built-in 'sphere' shape. Params: name, subdivs, size, scenevar sphere = BABYLON.Mesh.CreateSphere("sphere1", 16, 2, scene);// Move the sphere upward 1/2 its heightsphere.position.y = 1;// Our built-in 'ground' shape. Params: name, width, depth, subdivs, scenevar ground = BABYLON.Mesh.CreateGround("ground1", 6, 6, 2, scene);// GUIvar advancedTexture = BABYLON.GUI.AdvancedDynamicTexture.CreateFullscreenUI("UI");var image = new BABYLON.GUI.Image("but", "textures/player.png");image.width = "60px";image.height = "60px";var cellFlag = true;if (cellFlag) {image.cellId = 1;image.cellHeight = 64;image.cellWidth = 64;}else {image.sourceWidth = 64;image.sourceHeight = 64;}advancedTexture.addControl(image);setInterval(() => {if (cellFlag) {if (image.cellId < 10) image.cellId++;else image.cellId = 1;}else {image.sourceLeft += image.sourceWidth;if (image.sourceLeft >= 1408) image.sourceLeft = 0;}}, 50);return scene;};

babylon.js小人快跑动画效果相关推荐

小人快跑之WPF基础——图形与动画（一）
前言: 之前为了完成一些任务,因为公司只能限定一些网络访问且不能用存储设备进行拷贝,所以自己在家里写了一个demo就放到csdn的下载区回公司再下下来,令人意外的是这个非常小的demo居然两天里就有几 ...
js事件案例——小人快跑JavaScript
效果小人快跑 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
小人快跑之WPF基础——图形与动画（二）
前言: 昨天说到了利用基于帧的动画来实现效果,这其实与WPF提供的图形与动画功能没有太大关系,在这里我们还是要关注一下WPF为我们提供的高级方法来解决问题. 本次主题将简述WPF中有关"图形 ...
Javascript学习笔记（13_2） --js事件案例（小人快跑）
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>小人快 ...
js-键盘事件案例-小人快跑
js-键盘事件案例-小人快跑案例思路: 利用键盘的keycode判断按了上下左右什么键,然后利用键盘事件onkeydown对小人的定位进行改变即可 css部分: 由于操纵的是小人的位置,所以我们要先 ...
小实操（3）: 利用键盘事件实现小人快跑
** 实例: 利用html表单和js的数学对象及函数做一个有验证码的简单登录表单实操:利用日期对象和方法以及其他相关知识实现简单的钟表功能 ....... js学习中的小实操(目录) ** ...
js进阶 13-6 jquery动画效果相关常用函数有哪些
js进阶 13-6 jquery动画效果相关常用函数有哪些一.总结一句话总结:animate(),stop(),finish(),delat()四个. 1.stop()方法的基本用法是什么(sto ...
html盒子移动动画代码,js实现盒子移动动画效果
本文实例为大家分享了js实现盒子移动动画效果的具体代码,供大家参考,具体内容如下 content="width=device-width, user-scalable=no, initial ...
JavaScript事件——【小案例】小人快跑
效果图: images: 操作: 按"上" "下" "左" "右" 键控制小人移动方向步骤: ...

babylon.js小人快跑动画效果

babylon.js小人快跑动画效果

babylon.js小人快跑动画效果相关推荐

最新文章

热门文章