[97编程世界冠军4K组]代码被转为ts脚本github代码如何在WIN10运行和调试

源代码地址:iGitHub - SuperSodaSea/Omniscent: Analysis and Replication of Omniscent, the 1st in the Mekka & Symposium 1997 PC 4K Intro Competition.

1、软件安装nodejs和webstorm都要安装
node-v20.12.2-x64.msi
WebStorm-2024.1.1.exe

代码:
Omniscent-main.zip

我修改了些代码,gitee地址:

r77683962/Omniscent

2、nodejs安装完成后通过npm安装pnpm、tsc、rollup,有兴趣可以搜索下这些命令的功能,进入cmd执行以下命令,(建议使用管理员模式进入cmd,不然有些安装会报没有权限):
npm config set registry https://registry.npmmirror.com/
npm i -g pnpm
pnpm i tsc
pnpm i rollup

3、在webstorm设置node.js和pnpm工具地址

File菜单->settings->Languages&Frameworks->node.js,然后使用自已安装的路径替换
node路径(这个根据自已的安装路径设置):
C:\Program Files\nodejs\node.exe

pnpm路径(这个根据自已的安装路径设置):
C:\Users\PC\AppData\Roaming\npm\pnpm.cmd


4、Omniscent-main.zip代码解压,然后使用webstorm打开解压目录(要注意被打开的目录里有src、types这些目录才对)

5、编译代码根目录package.json第25行

"build": "rollup -c"

这行前边会有一个绿色的三角形,点击这个三角形,选择Run 'build',编译日志如下

C:\Users\Administrator\AppData\Roaming\npm\pnpm.cmd run build

> omniscent@ build D:\projects\Omniscent_git
> rollup -c


src/index.ts → lib/cjs, lib/esm...
Browserslist: caniuse-lite is outdated. Please run:
  npx update-browserslist-db@latest
  Why you should do it regularly: https://github.com/browserslist/update-db#readme
created lib/cjs, lib/esm in 2.1s

demo/src/index.ts → dist...
created dist in 7s

Process finished with exit code 0
编译完成在根目录下会生成dist、lib、node_modules目录

6、打开根目录dist目录的index.html文件点击右上角的Chrome图标,点击Play,就可以看到运行的3D界面了

这个代码主要用到:three.js(3D库)

three.js在线帮助手册: https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene

参考来源:
https://blog.csdn.net/xueli_2017/article/details/91492971

这个链接也有些有意思的例子:GitHub - gkjohnson/three-mesh-bvh: A BVH implementation to speed up raycasting and enable spatial queries against three.js meshes.o

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/829923.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

L1-041 寻找250

作者 陈越 单位 浙江大学 对方不想和你说话,并向你扔了一串数…… 而你必须从这一串数字中找到“250”这个高大上的感人数字。 输入格式: 输入在一行中给出不知道多少个绝对值不超过1000的整数,其中保证至少存在一个“250”。 输出格式&a…

【进程通信】利用管道创建进程池(结合代码)

文章目录 什么叫进程池进程池的优点 创建进程池代码实现: 什么叫进程池 我们知道,一个进程创建子进程通常是为了让这个子进程去为它完成某个任务。例如我们使用的指令,其实就是bash进程创建子进程让子进程去执行的。但是我们需要考虑这样一个…

【介绍下分布式系统】

🌈个人主页: 程序员不想敲代码啊 🏆CSDN优质创作者,CSDN实力新星,CSDN博客专家 👍点赞⭐评论⭐收藏 🤝希望本文对您有所裨益,如有不足之处,欢迎在评论区提出指正,让我们共…

macos如何安装Tesseract软件

问题在线过程: 今天在mac系统上安装tesseract持续失败,整了很久终于把这个问题解决了,所以希望通过这篇文章分享给大家: 首先,我在用 brew install tesseract 或 brew install --build-from-source tesseract 一直报错,报错内容如下: Warning: You are using macO…

wegame启动游戏错误代码126,加载x3daudio1_7.dll失败的修复教程

在尝试通过WeGame平台启动某款游戏时,遇到了阻碍,系统反馈了一个特定的错误代码“错误代码126,加载x3daudio1_7.dll失败”。这个错误提示表示游戏无法加载x3daudio17.dll文件,导致游戏无法正常启动。经过一番研究和尝试&#xff0…

vue elementui el-table表格 点击单元格添加选中样式

注意: 1、点击某行单元格添加选中样式; 2、表格第一列数据单独添加样式,比如:加粗; 3、表格表头添加样式,比如:修改背景色; 先上代码(效果图在文章末尾)&…

python-pytorch 如何使用python库Netron查看模型结构(以pytorch官网模型为例)0.9.2

Netron查看模型结构 参照模型安装Netron写netron代码运行查看结果需要关注的地方 2024年4月27日14:32:30----0.9.2 参照模型 以pytorch官网的tutorial为观察对象,链接是https://pytorch.org/tutorials/intermediate/char_rnn_classification_tutorial.html 模型代…

Ansible自动化

Ansible自动化 自动化的需求: 1. 在什么样的场景下需要自动化? 批量化的工作: 装软件包、配置服务、升级、下发文件… 2. 为什么在自动化工具中选择ansible? 对比shell脚本: 相对于用shell的脚本来实现自动化&#x…

42.接雨水

接雨水是一个非常经典的题目了,我在二刷的时候,终于能独立做了,在记录一下灵神的横着计算的单调栈思想. 法一: 竖着计算 奇思妙想 让我们想想,接到的雨水到底是存储哪里了呢,其实他就是凹陷部分,而什么是凹陷呢,就是从左边看,从右边看都发现不了的地方. …

滑块验证码破解----Java使用opencv后端破解滑块验证

使用技术:Java SpringBootopenCV 在windows上首先需要下载opencv进行安装,先去官网:Releases - OpenCV 下载这个windows版本的安装包 下载后直接安装解压就行,然后需要,然后找到安装位置里的这个文件: 你下载的是什么版本的,这里的数字就是多少,比如我下载4.5.3版本那么这…

kubectl无法使用清理磁盘

执行Kubectl get pods 报错如下&#xff1a; # kubectl get nodes The connection to the server <master>:6443 was refused - did you specify the right host or port?查看占用磁盘&#xff1a; df -h 查看占用100%的数据 df -h | grep 100% 检查环境变量&#xff…

(学习日记)2024.04.26:UCOSIII第五十节:User文件夹函数概览(uC-CPU文件夹)

之前的章节都是针对某个或某些知识点进行的专项讲解,重点在功能和代码解释。 回到最初开始学μC/OS-III系统时,当时就定下了一个目标,不仅要读懂,还要读透,改造成更适合中国宝宝体质的使用方式。在学完野火的教程后,经过几经思考,最后决定自己锦上添花,再续上几章。 这…

【数据库】关于数据库你必须知道的事情

常用命令 mysql -u username -p USE mydatabase; SHOW DATABASES; CREATE DATABASE newdatabase;数据库的规约 包括&#xff1a; 建表规约&#xff1b;索引规约&#xff1b;SQL与ORM映射规约&#xff1b; Explain技巧 explain的结果代表的含义需要比较清楚。参数中&#x…

永磁同步电机SMO负载转矩观测matlab模型。

永磁同步电机SMO负载转矩观测matlab模型。 负载转矩的有效识别是提高伺服驱动系统抗负载扰动性能的关键之一。现在的传统结构的LTID滑模观测器存在频率抖动大&#xff0c;估计精度差的缺点&#xff0c;限制了其在高性能伺服系统中的应用。 本模型推导分析了传统LTID滑模观测器…

【k8s】:Pod的生命周期详解

【k8s】:Pod的生命周期详解 1、Pod的生命周期1.1、Pod的创建1.2、Pod的调度1.3、Pod的初始化1.4、Pod的运行及钩子函数1.4.1 k8s中的3种钩子函数1.4.2 k8s中的3种探测类型1.5、Pod的终止1.6、Pod的重启2、Pod的生命周期的五种状态(相位)💖The Begin💖点点关注,收藏不迷…

eclipse 如何创建python文件

一、准备 1.平台要求&#xff1a; 电脑除了要安装eclipse软件和Python语言包之外&#xff0c;还需要将Python集成到eclipse软件中&#xff0c;网上有很多的方法&#xff0c;这里就不细细介绍如何集成了。 在下面界面中可以看到自己已经安装了继承插件。具体方法见步骤2&…

YOLOV5 TensorRT部署 BatchedNMS(转换engine模型)(上)

文章目录 1.修改yolo detct层2.导出onnx模型并引入plugin3.转换为engine文件YoloV5使用tensorRT部署时,模型推理是放在cuda上操作,得到的结果需要在cpu上执行nms操作,但是当图像中的目标较多,或者检测出来的框较多时,nms耗时较长。 TensorRT 官方提供了batchedNMSPlugin的…

AI新篇章:全面解读ChatGPT3.5与GPT4.0的革命性融合

MidTool&#xff08;kk.zlrxjh.top&#xff09;&#xff0c;一个集成了多种先进人工智能技术的助手&#xff0c;融合了ChatGPT3.5、GPT4.0、DALLE 3和Midjourney等多个智能服务&#xff0c;提供多功能体验。下面是对这些技术的简要概述&#xff1a; **ChatGPT3.5**&#xff1a;…

可视化智慧工厂

在科技迅猛发展的今天&#xff0c;制造业正迎来一场深刻的变革——智慧工厂的崛起。可视化智慧工厂作为其中的重要一环&#xff0c;以其直观、高效、智能的特点&#xff0c;正成为制造业转型升级的关键所在。 一、什么是可视化智慧工厂? 传统的制造业生产方式往往依赖于人工…

百胜中国 - 数据开发 - 面经

Timeline: 2024.4.22 - Boss投递 2024.4.24 - 上午面试 2024.4.26 - HR微信联系 - 电话沟通入职 JD: 所属部门:TSC餐厅支持 24年内无转正 Base:西安(160/天 - 965 - 午休一小时 - 无上下班打卡) Hive,SQL,FineBI(或观远数据)报表开发 面试流程: 自我介绍 我们…