学习笔记:一起进入 PixiJS 的世界 (一)

PixiJS为2D WebGL渲染引擎,经常使用於互动与游戏相关专案中,具有快速、装置支援度高的优点,虽然不如其他的Library拥有完整的开发环境,但也因为PixiJS专注於渲染这个面向的技术,正确运用能让专案效率更好。

使用PixiJS前一样要先将设置环境,这边利用CDN在<head></head>之间引入:

<script src="https://pixijs.download/release/pixi.js"></script>

PixiJS基础设置

首先,第一步是要来建立基础场景,首先要使用new建构出PIXI.Application()场景,函式内放入场景的长宽定义的物件,例如{ width: 640, height: 360 },之後再放入网页中。

<script>
//建立出一个基础场景
let app = new PIXI.Application({ width: 640, height: 360 });
//将建立出来的场景放入网页中
document.body.appendChild(app.view);
</script>

画面上出现宽640高360的黑色色块,就是建立好的基础场景罗!


<<:  Day23

>>:  初学者跪着学JavaScript Day20 : 原型毕露(中)

第05天 - 一些些的Bootstrap、CSS

1.首先是 Bootstrap 的用法,其实就是 【1.引入它 ; 2.复制它】 引入的部分在【第0...

[Day25] 实作 - 动画篇2

先在UI上做一个事件技能的锚点 修改一下ActionBattle_Action 修改一下算技能的距离...

[2021铁人赛 Day28] Binary Exploitation (Pwn) 介绍工具

引言 今天就来讨论 Pwn 吧, 所谓 Binary Exploitation 直翻是二进制程序档...

【Day 13】粗暴後门,Duck 不必 - Windows 简单後门

环境 Windows 10 1709 简介 後门 当入侵者成功取得某台机器的权限後,可能会希望之後仍...

Day1-"Hello C"

开发环境有两个较为常见的 一个为 codeblocks 一个为 Dev C++ 因为我事前已经先安装...