js编写的3d游戏_用Java编写3D游戏_编写我自己的3D游戏引擎 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

js也能写3D游戏？

大家好，又见面了，我是你们的朋友全栈君。看完这本书《3D Game Programing for Kids》之后，发现3D游戏的学习，也可以使用javascript来写的。...先要上这个网站https://threejs.org，然后下载它的three.js源码放到一个目录，比如js。然后放入这段代码： My first three.js app ...body { margin: 0; } canvas { width: 100%; height: 100% } var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera

6.3K1 0

100行JS实现HTML5的3D贪吃蛇游戏

js1k.com收集了小于1k的javascript小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的classic类型基础上又增加了WebGL类型，以及允许增加到2K的++类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围...自己写不出来，站在巨人肩膀总是有机会吧，想起《基于HTML5的电信网管3D机房监控应用》这篇提到的threejs，babylonjs和Hightopo的几种基于WebGL的3D引擎，突然想挑战下自己实现个...100行JS的3D小游戏，折腾了一番最终采用Hightopo搞了个3D贪吃蛇游戏，算了算JS代码还只有90来行，终于满足了自己的小小心愿写完这篇可以满意去睡觉了。...以下先上一段最终3D游戏在平板上的运行交互视频效果： http://v.youku.com/v_show/id_XNjgxMzIxOTcy.html 传统2D的贪吃蛇游戏一般通过方向键盘控制蛇的前进方向...90来行所有JS源代码如下，各位游戏高手不要喷我，肯定很多人可以写得更精炼，但我只想通过这个玩一玩3D，HTML5和WebGL，包括给整天搞企业应用的自己换换脑子思考些新元素。

1.9K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

100行JS实现HTML5的3D贪吃蛇游戏

js1k.com收集了小于1k的javascript小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的classic类型基础上又增加了WebGL类型，以及允许增加到2K的++类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围...自己写不出来，站在巨人肩膀总是有机会吧，想起《基于HTML5的电信网管3D机房监控应用》这篇提到的threejs，babylonjs和Hightopo的几种基于WebGL的3D引擎，突然想挑战下自己实现个...100行JS的3D小游戏，折腾了一番最终采用Hightopo搞了个3D贪吃蛇游戏，算了算JS代码还只有90来行，终于满足了自己的小小心愿写完这篇可以满意去睡觉了。...先上一段最终3D游戏在平板上的运行交互视频效果。...'touchstart' : 'mousedown', 90来行所有JS源代码如下，各位游戏高手不要喷我，肯定很多人可以写得更精炼，但我只想通过这个玩一玩3D，HTML5和WebGL，包括给整天搞企业应用的自己换换脑子思考些新元素

2.2K10 0

3D游戏开发

3D游戏开发第一阶段：初学者阶段。这个阶段主要是熟悉3D图形学的基本原理，和基本api的使用。特别是对于空间的变换，矩阵的原理要有非常清楚的认识。...3D游戏开发第一阶段：初学者阶段。这个阶段主要是熟悉3D图形学的基本原理，和基本api的使用。特别是对于空间的变换，矩阵的原理要有非常清楚的认识。...一种人会选择直接学引擎，开发游戏。另一种人，会选择先学场景管理和高级渲染。这个视每个人的目标和爱好不同有所不一样。...第三阶段：3D成熟阶段当第二阶段学得很好的时候，就会觉得自己像个高手了。有的人开始自己设计开发3D引擎了。当发现，自己设计的场景管理和渲染都很不错的时候，可是效率还是不尽如人意。...也许他觉得市面上没有让他非常满意的引擎，至少很难找到适合中国国情的引擎。也许他会带着一帮小弟一起做引擎，也许是做游戏。这个阶段技术已经不是唯一追求的目的了，还有很多很多其他的方面他会关注。

3633 0

Javascript编写的帝国建筑游戏

概述描述 Civitas是一个在javascript 库的帮助下用Javascript编写的帝国建筑游戏。特征超过80种类型的建筑物，每个都在生产链中交织在一起。...游戏世界中的每个城市都通过影响系统相互联系，需要保持外交工作。随机事件可以改变你与其他城市的外交状态，给你硬币或随机资源。间谍活动，影响城市，破坏建筑物，破坏活动。...服务器组件，外部没有保存实际数据，仅在浏览器的localStorage中保存。 Jailer组件，确保游戏数据完整性（不作弊）。任何玩家互动，因为没有数据传输到服务器组件。...播放在开发过程中，Civitas使用了Bluebyte拥有版权的几种资产，因此我无法通过游戏重新分发这些资产。您可以在此问题中找到指向所述资产的链接。...所有其他游戏资源都是在GPLv3许可下自由分发的，与代码相同。 1.使用Docker $ docker build -t civitas。

5974 0

Unity 3D 游戏引擎

时至今日，游戏市场上出现了众多种类的游戏，它们是由不同的游戏引擎开发的，Unity 3D 以其强大的跨平台特性与绚丽的 3D 渲染效果而闻名于世，现在很多商业游戏及虚拟现实产品都采用 Unity 3D...Unity 3D 的特色 Unity 3D 游戏开发引擎目前之所以炙手可热，与其完善的技术以及丰富的个性化功能密不可分。 Unity 3D 游戏开发引擎易于上手，降低了对游戏开发人员的要求。...Unity 3D 是目前主流的游戏开发引擎，有数据显示，全球最赚钱的 1000 款手机游戏中，有 30% 是使用 Unity 3D 开发出来的。...Unity 3D 在游戏中的应用 3D 游戏是 Unity 游戏引擎重要的应用方向之一，从最初的文字游戏到二维游戏、三维游戏，再到网络三维游戏，游戏在其保持实时性和交互性的同时，其逼真度和沉浸感在不断地提高和加强...随着三维技术的快速发展和软硬件技术的不断进步，在不远的将来，3D 虚拟现实游戏必将成为主流游戏市场应用方向。

2.6K4 0

分享：使用 TypeScript 编写的 JavaScript 游戏代码

博客完成之后，我又花了一天时间试用 TS，用它来重构之前编写的一个 JS 游戏：《Javascript 坦克游戏》。...JsTankGame 1.0：老的使用 JS 编写的坦克游戏。 JsTankGame 2.0：新的使用 TS 直接翻译过来的游戏。...JsTankGame：在 2.0 的基础上，对类型进行了重构后的新游戏。...重构步骤由于老的 JS 游戏是采用 MS Ajax Client Library 构建，并且采用了 OOD 的方式来进行设计，再加之 TypeScript 可以兼容 JS 的全部代码。...但是图画完之后，才发现与想象中差点很远，这就是没有画图直接编写代码的结果，见下面两张图： ? ? 可以看出各精灵类型之间的关系是比较乱的，双向依赖随处可见。

1.9K5 0

Swing俄罗斯游戏编写详解

俄罗斯方块游戏是一个上手简单，老少皆宜的游戏，它的基本规则是移动、旋转和摆放游戏自动产生的各种方块，使之排列成完整的一行或多行并且消除得分。一、你能学到什么？...通过本文的阅读，读者可以对Swing版俄罗斯方块游戏的本身，对游戏中的关键点，如图形变换、键盘事件处理、游戏进度保存、满行和消行等都会有较好的理解。接下来我们就来看看。...通过反序列化的方式将序列化后的对象读取出来，从而达到恢复之前游戏保存时的状态的效果。用户可以在此基础上继续进行游戏。如何载入游戏进度？...步骤（一）编写保存游戏进度、加载游戏进度的事件监听器 private class LoadAction implements ActionListener { public void actionPerformed...四、随机产生方块为了游戏更具随机性，随机产生方块主要包含两个部分的随机性。 4.1 方块图形产生的随机性编写一个工厂类，随机产生方块：如产生一字型的方块、T字形的方块等。

2K2 0

使用Delphi编写×××类游戏 – 设

但是中心服务器和登录服务器毕竟是游戏外围的部分，也就是说设计好了它们也还是无法实现编写一款游戏的目的啊。今天我们就来探讨一下如何设计游戏服务器。通过对QQ游戏、远航、联众等游戏的分析。...如果我们以桌子为对象来看，游戏桌的状态应该分为： 1、空闲状态：桌子没有开始游戏时候的状态。 2、游戏状态：桌子正在游戏的时候的状态。...end; PUserRoom = ^ RUserRoom; 对于这个结构的维护我们也可以使用一个类来做（例如：TRoomControl）。以上的3个类是游戏服务器主要编写的3个类。...我们知道我们设计出来的游戏服务器应该具有良好的可扩展性，以便于我们以后添加一些未知的游戏和游戏类型。那如何做到游戏服务器的可扩展性呢？通过分析我们发现，每一套游戏差别主要在于游戏的本身。...例如象棋游戏和挖坑游戏，它们的区别在于游戏的规则（一个是棋类游戏，一个是牌类游戏），而不在于玩家的状态（这两款游戏玩家都有坐下、举手、游戏等等功能）。

8361 0

JS 3D 模型

这是一个简单的 JS 3D 模型，能跑在包括 IE6 的所有浏览器上，结合一下 tween 缓动算法，理论上已经可以完美模拟像 http://www.cu3ox.com/ 这个网站上方 banner 的各种变换效果了...介绍一下实现细节，矢量绘图仍然用的是 Raphael 库，Raphael 我在《如何用 JS 实现 3D ×××效果》这篇文章里有过介绍。...场景类 Sence 场景你可以理解为存放物体的一个有限大的空间，本例的场景可以添加任意多个不同的物体（比如长方体等），场景支持任意方向的旋转，对于旋转，本例场景的实现分为以下三种方式，他们分别是绕场景中任意一个参考点的...关于画家算法渲染器工作时，会从他的角度上能看到的所有物体都描绘出来，即用 2D 的手法去描述 3D 的物体。...这里涉及一个问题，离观察者越近的物体会挡住或部分挡住离得远的物体，同样的，在同一个物体上的多个面，离观察者越近的面会挡住或部分挡住离得远的面。

3K2 0

Node.js 编写 CLI 的实践

本文作者：ivweb 程柳锋导语通常而言，Node.js的应用场景有前后端分离、海量web页面渲染服务、命令行工具和桌面端应用等等。...本篇文章选取CLI(Command Line Tools)子领域，来谈谈Node.js编写CLI的实践，让CLI切实解决实际工程问题。 Why Node.js?...常用的用来编写CLI的语言有 python, ruby, perl, Node.js等等。为什么选取Node.js作为CLI的语言编写工具呢？...如果你使用shell或者其它语言来编写CLI，你需要针对各个主流OS来做兼容并且发布到不同的平台。...看个demo 注：此处的Logo使用的是figlet这个npm包， demo地址 npm关联CLI的基本原理如何让Node.js编写的包可执行？

2.4K0 0

Python弹球游戏（tkinter模块编写）

python弹球游戏，能够选择难度和分数控制。...程序利用tkinter模块编写（说到这里吐槽一下tkinter模块，虽然tkinter是python自带的模块，但是编写手感真没有wxpython好，一个原因是tkinter模块较复杂定义了交互界面还要...pack，位置也难调整，更重要的是界面没有wxpython好看） python3代码： Python from tkinter import * from tkinter import messagebox..., message="你的分数为：" + str(score)) break tk.update_idletasks() tk.update() time.sleep

1.1K1 0

传统3D游戏引擎的Web化

最近floh大神的blog又复活了, 现在n3的主要发展发向是web化其实也是跟PC和主机平台的衰落有关, 各种移动设备正在逐渐取代PC的地位而做为一个3D游戏引擎, 想要适应这个潮流却不是很容易..., 山寨(或叫自研)3D引擎开发的游戏 Sun Java JNI 平台支持: Win/Mac/Linux....把C++编译成JS 优势: HTML5符合未来的发展趋势缺点: WebGL不被Microsoft支持...., 很多观点是具有时效性的, 明年说不定就大变样了做为游戏开发者, 还是要做好准备, 免得out了, HOHO~ 注: 本文仅限于C++开发的3D游戏引擎, 不包括各种XNA/Sliverlight的...3D游戏或是Flash/HTML5的2D游戏

1.9K3 0

通过编写扫雷游戏提高你的 Bash 技巧

如果你是一个有经验的 Bash 程序员，希望在提高技巧的同时乐在其中，那么请跟着我编写一个你的运行在终端中的扫雷游戏。完整代码可以在这个 GitHub 存储库中找到。...做好准备在我编写任何代码之前，我列出了该游戏所必须的几个部分：显示雷区创建游戏逻辑创建判断单元格是否可选的逻辑记录可用和已查明（已排雷）单元格的个数创建游戏结束逻辑显示雷区在扫雷中，游戏界面是一个由...这将是地雷在雷区里的位置。控制地雷的数量，在开始编写代码之前，这么做会容易一些。实现这一功能的逻辑可以更好，但我这么做，是为了让游戏实现保持简洁，并有改进空间。...（我编写这个游戏纯属娱乐，但如果你能将它修改的更好，我也是很乐意的。）下面这些变量在整个过程中是不变的，声明它们是为了随机生成数字。...如果你想了解更多，具体可以查看我的 GitHub 存储库，那儿有这个扫雷游戏的源代码，并且你还能找到更多用 Bash 编写的游戏。我希望，这篇文章能激起你学习 Bash 的兴趣，并乐在其中。

1.1K2 0

在微信小游戏中使用three.js显示3D图形

笔者之前从未接触过微信小程序和WebGL的开发，但是却一直有留意相关技术的发展，大概听说原来微信小程序是不支持WebGL 3D技术的。...这次借着微信大力推广小游戏，看了一下API文档，发现小游戏是可以使用的WebGL进行开发的。而最近正好又有点时间，就随便搞搞，试试小游戏的效果。...因为小游戏“跳一跳”是用three.js所制作的，所以我就选择了three.js所。那么开始吧。微信小游戏教程地址：教程小游戏开发环境搭建下载了最新的微信开发工具，并按照教程建立了示例项目。...示例游戏是2D游戏，和我期望的有点距离，找遍网络没有一个三维的微信小游戏示例，看来只能自己试试了。新建了一个小程序项目，并且按照教程添加了game.js和game.json，但是程序一直报错： ?.../ 在微信小游戏中载入模型接下来再建立我们的微信小游戏项目，如果您不是很熟悉要做哪些准备工作，可以参考前文：《利用 three.js 开发微信小游戏的尝试》。

4.7K5 2

3d游戏建模全解

大家好，又见面了，我是你们的朋友全栈君。目前市面上随着3D游戏的兴起和VR的盛行，越来越多人对网络游戏越来越热衷，3D游戏建模设计师的需求也越来越广泛，市场缺口大，人才需求供不应求。...颜色的运用也正是美术的一项重要的基础。而且在游戏建模中通常都会有手稿做参照。所以美术基础也是十分重要的一步。 3D建模比如说3D游戏美术主要分为建模与贴图。...从实际情况来看，一些没有任何美术基础的同学，通过自身不断的努力，也能够成为非常优秀的3D美术设计师的。没有美术基础你一样可以学习游戏3D建模，并且可以学的很好，只要付出就一定会有收获。...1、建模师的主要工作首先我们要知道，在游戏公司里，游戏建模主要分为3D场景建模和3D角色建模。...3D场景建模师的工作就是根据原画设定及策划要求制作符合要求的3D场景模型；而3D角色师的工作是根据游戏人物或宠物（NPC）的概念设计图建造游戏人物、怪物/NPC的3D模型 3D场景 3D角色据叮当了解

1K3 0

Cocos 3D开源游戏案例

一、iles制作前后 Cocos是由厦门雅基软件有限公司推出的开源游戏引擎，目前支持2D和3D游戏开发，不过最擅长的还是2D游戏开发，3D相关的引擎技术也是最近两年才提供的技术。...2021年年初，Creator 3.0版本正式发布，将2D和3D两套产品进行合并，开始引擎一体化建设。...Cocos Creator 进行了多次版本迭代，立足2D应用领域、持续进行优化的同时，在3D方面也取得长足进步。下面是官方开源的一款3D 跑酷闯关+建造游戏《iles》，点击开启体验。...接着丰富一下海底的效果。游戏中的海岛地块是玩家自己构建生成的，水下陆地、石块、树木、珊瑚则都是围绕地块自动生成。优化天空盒，加入水面倒影后，基本就是现在大家在游戏中看到的样子了。...我们还尝试过把每个关卡按地块排列生成简化的 3D 模型。一开始为了更能体现 3D 模型的效果，采用了斜视角，但是看着有一点乱，并且远一点的关卡显示得没那么清楚。

1.8K2 0

php+mysql+js编写的统计系统

--数据库end--> <script

1.6K3 0

用Python编写安卓游戏脚本

在Python中编写安卓游戏脚本涉及到的主要是利用Python语言和相关库工具（例如Pygame和Kivy）完成游戏的设计和开发，随后使用Pyqtdeploy或BeeWare等工具将脚本打包为Android...一、Python及其在游戏开发中的应用 Python是一种开源的、高级的编程语言，其易于学习且代码重用性高，具有丰富的库支持。这使得Python在各类应用中有着广泛的用途，包括游戏开发。...Python中有很多用于游戏开发的库，例如：Pygame库，它是一个开源的Python模块，用于游戏的创建。在游戏开发中，Python主要用于游戏逻辑的编写和算法的实现。...二、使用Python和Pygame进行游戏开发在Python中，使用Pygame库编写游戏是非常方便的。下面的代码展示了如何使用Pygame创建一个简单的游戏窗口。 ...四、总述使用Python编写安卓游戏脚本不仅可以利用Python强大的库资源，同时也能够享受Python语言带来的编程便利。

1.5K5 0

cocos creator编写2048小游戏，发微信小游戏

cocos creator编写2048小游戏，发微信小游戏有兴趣的也可以试玩一下微信小程序这一篇的基础理论知识，算法相关的都在上一篇文章有讲到，建议去学习一下。...c++编写简易版2048小游戏其实就一个摄像机，背景，开始按钮，还有一个44的sprite背景。我们把44的数组和4*4的sprite对应起来。当数组为0的时候，sprite就为空白。...// 判断游戏结束 gameover:function() { var i =0 var j =0 // 对于任意一个位置，该位置为空或四周有位置上的数字与该位置上数字相等，说明可继续移动...（游戏可继续） for (i = 1; i <= 4; i++) for ( j = 1; j <= 4; j++) if (!...可以说做出了简易版的基本算法，移植到cocos creator是十分简单的。有需要完整代码的可以联系我。可以一起探讨一下。

1.1K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭