![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
pixi.js
Xeon_CC
/
展开
-
第5讲:建立自己的C函数库,js调用自己写的C/C++函数,并包含依赖C/C++第三方静态库。
在javascript中,Array有很多内置的功能,比如Array.map,Array.filter,Array.find等等,能用内置的功能就用内置的功能,最好不要自己实现一套,因为底层调用的可能压根就不是js语言本身,底层的实现可能由C/C++实现的。如果我们要做的一些功能,需要高性能密集计算,但是JavaScript内置函数无法满足我们要求的时候,这时候我们就要自己用C/C++编写一个程序,然后封装成.a静态库给JavaScript调用了。我这里导出了所有的函数,函数前面要加上下划线。原创 2024-06-26 01:28:07 · 669 阅读 · 1 评论 -
第4讲:pixi.js绘制舞台、随窗口大小而改变画布大小和舞台位置
然后在index.html中,编辑代码,改成如下代码,现在我们引用CanvasAndStage.ts文件,而不要引用main.ts文件。基于前面写的代码,在gamelets的工程目录下新建一个CanvasAndStage.ts。随着浏览器缩放,黑色的画布会跟着缩放,容纳整个浏览器窗口。原创 2024-06-25 13:40:02 · 189 阅读 · 0 评论 -
第3讲:关于Pixi的Text、Container、Sprite、Graphics组件功能作用
Container是一个容器,如果多个组件放在一个容器中,如果容器的属性发生改变则,容器里面的子控件的属性都会发生改变。Graphics组件是用来绘制图形用的,比如线条,圆形,矩形等等。下部分各种组件基于这个公用代码直接往下添加代码即可。Sprite组件非常简单,就是显示一张图片。Text组件,非常简单,就是绘制文字。原创 2024-06-18 00:21:28 · 191 阅读 · 0 评论 -
第2讲:pixi.js 绘制HelloWorld
基于第0讲和第1讲,我们增添了vite.config.ts文件。并配置了其他的http端口。然后在package.json中点击Debug,启动了localhost:7777。删除 conter.ts、typescript.svg。此时,我们删除掉没用的东西。原创 2024-06-17 21:10:32 · 311 阅读 · 2 评论 -
第1讲:创建vite工程,使用框架为Vanilla时,语言是typescript,修改http端口的方法
直接在项目根目录创建 vite.config.ts文件。原创 2024-06-16 16:58:50 · 178 阅读 · 0 评论 -
第0讲:创建一个Vite工程
接下来选择框架为: Vanilla (表示不使用框架,原生JS)然后输入项目名,这里起名为gamelets(很多小游戏的意思)选择语言为:TypeScript。原创 2024-06-16 13:47:32 · 171 阅读 · 0 评论