ljzc002

2026年4月3日

摘要：为解决常规自走棋游戏配置灵活度低且难以在局域网跨平台联机的问题，本文基于Babylon.js(以下简称bbl)和websocket（简称ws）技术实现了一个网页端多人自走棋游戏原型。该原型实现了棋盘地形设计、简单的棋子角色设计、自走棋操作UI、双方对抗逻辑、角色生命周期管理和基于websoket的局域网多人互联。项目达成了最初设计目标，且前端代码以原生方式编写易于调试和扩展，编程者可以此原型为基础编写更复杂的多人自走棋类游戏。阅读全文

posted @ 2026-04-03 16:15 ljzc002 阅读(247) 评论(0) 推荐(1)

2026年3月17日

Babylon.js应用入门——01bbl简介与本地化运行

摘要： 1、Web3D与Babylon.js整体介绍 3D显示技术是可以用贴近人类直觉的方式进行信息展示，可以广泛的应用于数据可视化、游戏、教学等应用方向，现代人通常接触过一些3D场景展示，但想自己动手制作3D场景则往往遇到入门困难、配置繁琐的难题，本教程的目的是引导读者采用较为容易的方法，绕过3D编程的入阅读全文

posted @ 2026-03-17 09:21 ljzc002 阅读(36) 评论(0) 推荐(0)

2026年3月16日

Babylon.js应用入门——提纲

摘要： 1.Babylon.js（以下简称bbl）简介与本地化运行包括web3D简介，bbl简介，bbl的训练场介绍（文档、论坛、示例），本地化手工运行训练场代码 2.网格与相机网格、几何体、顶点、索引、中心点的介绍，投影相机（两种）与正交相机，多种预设网格：常规几何体、高度网格、挤出网格、墙壁、车削网阅读全文

posted @ 2026-03-16 08:39 ljzc002 阅读(10) 评论(0) 推荐(0)

2025年11月12日

网页端3D编程小实验-一种即时战略游戏的编程原型

摘要：本文尝试基于Babylon.js引擎（以下简称bbl）和recast2导航库，采用“经典代码组织方式”编写一个可作为即时战略（以下简称rts）游戏编程原型的程序，该程序收集了进行此类开发所需的离线依赖包，总结了该类程序的一种页面和程序结构设计方法，并且基于这些依赖和方法实现了简单的地图构建、单位控制阅读全文

posted @ 2025-11-12 12:21 ljzc002 阅读(144) 评论(0) 推荐(0)

2022年4月5日

前端框架小实验-在umi框架中以worker线程方式使用SQL.js的wasm

摘要：总述：在Win7环境下配置umijs框架，在框架中用worker线程方式使用SQL.js的wasm，在浏览器端实现数据的增删改查以及数据库导出导入。一、安装node.js 1、Win7系统只支持node.js v13.14.0或更早，所以从https://nodejs.org/download/r 阅读全文

posted @ 2022-04-05 13:30 ljzc002 阅读(1940) 评论(0) 推荐(0)

2021年8月16日

3D网页小实验-WebGL2中的TransformFeedback

摘要： OpenGL4.x中，TransformFeedback用来分流顶点着色器或几何着色器的输出，并可以将它返回计算机的内存做一些操作。如此，我们就可以使用显卡的并行计算能力来进行一些计算加速，比如深度学习或区块链。这里记录如何使用WebGL2在浏览器中使用TransformFeedback。 1、原生阅读全文

posted @ 2021-08-16 17:09 ljzc002 阅读(598) 评论(0) 推荐(0)

2021年8月11日

3D网页小实验-基于多线程和精灵动画实现RTS式单位行为

摘要：一、实验目的： 1、在上一篇的“RTS式单位控制”的基础上添加逻辑线程，为每个单位实现ai计算； 2、用精灵动画为单位的行为显示对应的动作效果。二、运行效果： 1、场景中的单位分为红蓝两方，单位在发现敌对单位后向敌人移动： 2、进入攻击范围后对敌对单位发起攻击：注意，单位在“移动”、“攻击”、“ 阅读全文

posted @ 2021-08-11 11:07 ljzc002 阅读(1033) 评论(0) 推荐(0)

2021年6月1日

3D网页小实验-基于Babylon.js与recast.js实现RTS式单位控制

摘要：一、运行效果 1、建立一幅具有地形起伏和不同地貌纹理的地图：地图中间为凹陷的河道，两角为突出的高地，高地和低地之间以斜坡通道相连。水下为沙土材质，沙土材质网格贴合地形，河流材质网格则保持水平。 2、在地图上随机放置土黄色小方块表示可控单位默认控制为自由相机——鼠标左键拖拽改变视角，上下左右键进阅读全文

posted @ 2021-06-01 09:22 ljzc002 阅读(2336) 评论(0) 推荐(1)

2021年5月31日

Babylon.js群组导航系统文档中英文对照

摘要：第一节 Crowd Navigation System @@群组导航系统@@ A Navigation Mesh (or navmesh for short) is a surface topology describing the space where an agent can go based 阅读全文

posted @ 2021-05-31 15:29 ljzc002 阅读(1242) 评论(0) 推荐(0)

2021年1月30日

网页小实验——用canvas生成精灵动画图片

摘要：实验目标：借助canvas把一张国际象棋棋子图片转换为一组适用于WebGL渲染的精灵动画图片，不借助其他图片处理工具，不引用其他库只使用原生js实现。初始图片如下：一、图片分割将初始图片分割为六张大小相同的棋子图片 1、html舞台： 1 <!DOCTYPE html> 2 <html lan 阅读全文

posted @ 2021-01-30 14:47 ljzc002 阅读(954) 评论(0) 推荐(1)

公告