当前位置: 软件>JavaScript软件
基于WebGL的游戏引擎 PlayCanvas
本文导语: 一般来讲,游戏开发与web应用完全是两码事。但先试试,游戏世界的很多工具都可以被用于在网站中增加华丽界面。PlayCanvas就是一个基于WebGL的游戏引擎,结合了物理、光影、音效等工具用于创建一个复杂的界面。 示例代码...
一般来讲,游戏开发与web应用完全是两码事。但先试试,游戏世界的很多工具都可以被用于在网站中增加华丽界面。PlayCanvas就是一个基于WebGL的游戏引擎,结合了物理、光影、音效等工具用于创建一个复杂的界面。
示例代码:
// Create a PlayCanvas application var canvas = document.getElementById("application-canvas"); var app = new pc.fw.Application(canvas, {}); app.start(); // Fill the available space at full resolution app.setCanvasFillMode(pc.fw.FillMode.FILL_WINDOW); app.setCanvasResolution(pc.fw.ResolutionMode.AUTO); // Create box entity var cube = new pc.fw.Entity(); app.context.systems.model.addComponent(cube, { type: "box" }); // Create camera entity var camera = new pc.fw.Entity(); app.context.systems.camera.addComponent(camera, { clearColor: new pc.Color(0.1, 0.1, 0.1) }); // Create directional light entity var light = new pc.fw.Entity(); app.context.systems.light.addComponent(light); // Add to hierarchy app.context.root.addChild(cube); app.context.root.addChild(camera); app.context.root.addChild(light); // Set up initial positions and orientations camera.setPosition(0, 0, 3); light.setEulerAngles(45, 0, 0); // Register an update event app.on("update", function (deltaTime) { cube.rotate(10 * deltaTime, 20 * deltaTime, 30 * deltaTime); });
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。