摘要：
总述：在Win7环境下配置umijs框架，在框架中用worker线程方式使用SQL.js的wasm，在浏览器端实现数据的增删改查以及数据库导出导入。 一、安装node.js 1、Win7系统只支持node.js v13.14.0或更早，所以从https://nodejs.org/download/r 阅读全文
摘要：
OpenGL4.x中，TransformFeedback用来分流顶点着色器或几何着色器的输出，并可以将它返回计算机的内存做一些操作。如此，我们就可以使用显卡的并行计算能力来进行一些计算加速，比如深度学习或区块链。这里记录如何使用WebGL2在浏览器中使用TransformFeedback。 1、原生 阅读全文
摘要：
一、实验目的： 1、在上一篇的“RTS式单位控制”的基础上添加逻辑线程，为每个单位实现ai计算； 2、用精灵动画为单位的行为显示对应的动作效果。 二、运行效果： 1、场景中的单位分为红蓝两方，单位在发现敌对单位后向敌人移动： 2、进入攻击范围后对敌对单位发起攻击： 注意，单位在“移动”、“攻击”、“ 阅读全文
摘要：
一、运行效果 1、建立一幅具有地形起伏和不同地貌纹理的地图： 地图中间为凹陷的河道，两角为突出的高地，高地和低地之间以斜坡通道相连。 水下为沙土材质，沙土材质网格贴合地形，河流材质网格则保持水平。 2、在地图上随机放置土黄色小方块表示可控单位 默认控制为自由相机——鼠标左键拖拽改变视角，上下左右键进 阅读全文
摘要：
第一节 Crowd Navigation System @@群组导航系统@@ A Navigation Mesh (or navmesh for short) is a surface topology describing the space where an agent can go based 阅读全文
摘要：
实验目标：借助canvas把一张国际象棋棋子图片转换为一组适用于WebGL渲染的精灵动画图片，不借助其他图片处理工具，不引用其他库只使用原生js实现。 初始图片如下： 一、图片分割 将初始图片分割为六张大小相同的棋子图片 1、html舞台： 1 <!DOCTYPE html> 2 <html lan 阅读全文
摘要：
实验目标：建立大量对象（万级），为每个对象设置自身逻辑，并实现对象之间的交互，以原生DOM为渲染方式。主干在于对象逻辑，可根据需求换用其他渲染方式。 一、html舞台： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UT 阅读全文
摘要：
设计目标：借鉴前辈编程者的经验将简单的配置文本转化为3D场景，并根据配置文件在场景中加入图片和可播放的视频，最终形成可浏览的3D陈列室。 一、使用效果 1、txt配置文件： （博客园的富文本编辑器会改变txt文本的排版，所以用图片方式呈现文本） 第一行表示陈列室的每一层前后最多有5个房间，左右最多有 阅读全文
摘要：
设计目标：不依赖其他库、兼容一些旧版浏览器、可配置可扩展。 测试页面： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>测试日历控件</title> 6 <style> 7 #div1{ 阅读全文
摘要：
设计目标：希望复刻浏览器原生竖向滚动条的功能，并且能做一些个性化配置 测试页面： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script src=" 阅读全文