跳一跳|微信跳一跳|微信跳一跳小游戏，使用threejs+php开发的h5跳一跳小游戏

跳一跳|微信跳一跳|微信跳一跳小游戏，使用threejs+php开发的h5跳一跳小游戏

演示地址:http://www.jueyikeji.com/h5/tytml/（伪3D版）

演示地址:http://www.us178.cn/tiaoyitiao/（3D版）

游戏效果图

使用技术

• jquery.js
• three.js
• tween.js
• php

游戏前端关键点

• 创建场景
• 模型生成（人物，方块，圆柱等）
• 灯光：环境光,平行光（制造光影效果）
• camera摄像机（远机位，小视角，防止模型形变）
• scene舞台（舞台建议旋转45度角，模型立体感更强；）
• render渲染器
• 跳跃动作创建
  • 根据长按屏幕时间计算跳跃距离
  • 根据距离计算人物的降落点位置
  • 根据降落点位置判断人物的降落状态（未接触模型，落在目标模型边缘，成功落在目标模型）
  • 根据降落状态，渲染人物跳跃动画
  • 生成新的目标方块，并计算场景偏移量，使场景游戏元素在可视区的合适位置
• 注意事项
  • 渲染器宽度设置大于600px(画质清晰)小于1200(提高流畅度)，缩放适应屏幕;
  • 灯光，平行光属性设置合理，兼顾光影效果和性能

游戏后端

• 微信授权用户自动注册
• 游戏结束保存用户分数
• 更新游戏分数排行

可添加模型，可定制二次开发

开发者：马英豪（18703630830）

可加微信（同号）

所属：河南绝艺网络科技有限公司

定制开发：

• **H5 **
• 小游戏
• 小程序
• 微商城
• VR全景
• 大屏互动