SZU Visualization 基于 d3.js 的可视化信息处理导论大作业：可交互的美国各州超市年度利润数据地图以及每月详细利润柱状图。 功能 地图用颜色来表示某个州在所有州中的相对利润表现（越绿表示表现越好，越红表示表现越差）。 鼠标悬停在某个州上可以查看州的州名及当前年份的总利润。 可通过点击某个州可以查看该州在当前年份每个月利润的柱状图。 可通过点击年份按钮来切换当前年份，切换时地图每个州的颜色会随其在新的年份中相对利润表现而改变；此外，某个州的每月详细利润的柱状图也会改变并伴有过渡效果。 可通过点击“Play all years”按钮来自动切换年份，便于观察。 瑕疵 csv 文件有 1w 条数据可能会加载（白屏）很久。 为了赶 DDL 我也是开启了暴走模式，所以代码质量有点 :see-no-evil_monkey: 2333。

包含直线的DDA和Bresenham算法，圆的中点和Bresenham算法，椭圆的中点算法，直线的Cohen-Sutherland剪裁算法以及区域填充的种子算法，代码简洁注释明了。

vue-data-grid：利用Vue.js实现复杂可交互表格的一个例子

OpenGL作业 一个可交互有光照有纹理的坦克模型

可点击菜单跳转对应页面，点击可动态向下展开

博文： https://blog.csdn.net/u014361280/article/details/116793595 涉及的源代码工程，仅供参考学习，实现原理介绍： 1、Editor 通过 鼠标移动转换为旋转为 镭射线的旋转数据 2、手机设备中通过获取陀螺仪 gyro 数据旋转为 镭射线的旋转数据 3、镭射使用（这里使用LookAt方式，具体见代码）上边获取到的旋转数据，然后作为射线发射方向，碰撞到物体的距离作为 镭射实体的长度 4、物体GameObject 挂载脚本，继承 ILaserRayGameObjectListener ，即可获取到镭射进入，退出，点击，抬起，按下等事件 5、UI 使用 Curved UI ，设置为 Custom_Ray 交互，更改对应 EventSystem 交互系统，即可正常 UGUI world 模式使用 6、Shake Phone 摇晃手机 可以Reset 镭射交互方向置于屏幕中间位置区域，便于简单修复由于手机陀螺仪自己漂移造成镭射飘走

仓库管理系统主要包括，出库，入库等功能，可以在本系统上扩展和完善功能，适合于课设系统的制作。上传的资源文件内有数据库设计源码，前后台源码。

vue结合D3.js做的动态的可交互的SVG图形组件。 下面是其中的几行代码： data: { svg: undefined, point1Instance: undefined, // 两个主要端点之一 point2Instance: undefined, // 两个主要端点之一 pathInstance: undefined, // 两个端点之间的连线 point1X: 100, point1Y: 100, point2X: 300, point2Y: 300, innerCircle: 5, // 两个端点之间还有 5 个端点 otherInstance: [] // 其他端点实例 },