摘要:一、运行效果 1、建立一幅具有地形起伏和不同地貌纹理的地图: 地图中间为凹陷的河道,两角为突出的高地,高地和低地之间以斜坡通道相连。 水下为沙土材质,沙土材质网格贴合地形,河流材质网格则保持水平。 2、在地图上随机放置土黄色小方块表示可控单位 默认控制为自由相机——鼠标左键拖拽改变视角,上下左右键进 阅读全文
posted @ 2021-06-01 09:22 ljzc002 阅读(276) 评论(0) 推荐(1) 编辑
摘要:第一节 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 阅读(39) 评论(0) 推荐(0) 编辑
摘要:实验目标:借助canvas把一张国际象棋棋子图片转换为一组适用于WebGL渲染的精灵动画图片,不借助其他图片处理工具,不引用其他库只使用原生js实现。 初始图片如下: 一、图片分割 将初始图片分割为六张大小相同的棋子图片 1、html舞台: 1 <!DOCTYPE html> 2 <html lan 阅读全文
posted @ 2021-01-30 14:47 ljzc002 阅读(272) 评论(0) 推荐(1) 编辑
摘要:实验目标:建立大量对象(万级),为每个对象设置自身逻辑,并实现对象之间的交互,以原生DOM为渲染方式。主干在于对象逻辑,可根据需求换用其他渲染方式。 一、html舞台: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UT 阅读全文
posted @ 2021-01-19 14:28 ljzc002 阅读(66) 评论(0) 推荐(0) 编辑
摘要:设计目标:借鉴前辈编程者的经验将简单的配置文本转化为3D场景,并根据配置文件在场景中加入图片和可播放的视频,最终形成可浏览的3D陈列室。 一、使用效果 1、txt配置文件: (博客园的富文本编辑器会改变txt文本的排版,所以用图片方式呈现文本) 第一行表示陈列室的每一层前后最多有5个房间,左右最多有 阅读全文
posted @ 2020-12-03 12:40 ljzc002 阅读(695) 评论(2) 推荐(0) 编辑
摘要:设计目标:不依赖其他库、兼容一些旧版浏览器、可配置可扩展。 测试页面: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>测试日历控件</title> 6 <style> 7 #div1{ 阅读全文
posted @ 2020-11-11 11:14 ljzc002 阅读(93) 评论(0) 推荐(0) 编辑
摘要:设计目标:希望复刻浏览器原生竖向滚动条的功能,并且能做一些个性化配置 测试页面: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <script src=" 阅读全文
posted @ 2020-11-10 16:21 ljzc002 阅读(139) 评论(0) 推荐(0) 编辑
摘要:设计目标:简单易用,不依赖其他库,对旧版浏览器具有一定兼容性,功能可扩展。 动画调用: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>为若干个标签添加若干个动画,动画要有变化属性(默认为 阅读全文
posted @ 2020-10-29 13:55 ljzc002 阅读(96) 评论(0) 推荐(0) 编辑
摘要:在网上阅读文章时,读者时常会想针对某段文字写一些自己的感想,可惜大部分阅读网站并不提供这样的功能,读者往往只能将文本复制到本地或在线的编辑器中编辑注释,之后如果想在其他地方回顾这些注释也必须先本地安装或联网登录(云笔记)编辑器。如此操作,麻烦倒在其次,错过灵感才是最让人惋惜的,于是决定编写一个简单的 阅读全文
posted @ 2019-12-16 14:19 ljzc002 阅读(800) 评论(0) 推荐(1) 编辑
摘要:计划做一个宇宙飞船模拟程序,首先做一些技术准备。 可以访问https://ljzc002.github.io/test/Spacetest/HTML/PAGE/spacetestwp2.html查看测试场景,按住qe键可以左右倾斜相机。可以在https://github.com/ljzc002/lj 阅读全文
posted @ 2019-09-30 09:53 ljzc002 阅读(1099) 评论(1) 推荐(2) 编辑