This package provides a low-level rectangular tilemap implementation, optimized for high performance rendering and a out-of-the-box canvas fallback.
PixiJS | PixiJS Tilemap Kit |
---|
So what exactly is PixiJS? At its heart, PixiJS is a rendering system that uses WebGL (or optionally Canvas) to display images and other 2D visual content. It provides a full scene graph (a hierarchy of objects to render), and provides interaction support to enable handling click and touch events. It is a natural replacement for Flash in the modern HTML5 world, but provides better performance and pixel-level effects that go beyond what Flash could achieve. It is perfect for online games, educational content, interactive ads, data visualization... any web-based application where complex graphics are important. And coupled with technology such as Cordova and Electron, PixiJS apps can be distributed beyond the browser as mobile and desktop applications.
Here's what else you get with PixiJS:
So what exactly is PixiJS? At its heart, PixiJS is a rendering system that uses WebGL (or optionally Canvas) to display images and other 2D visual content. It provides a full scene graph (a hierarchy of objects to render), and provides interaction support to enable handling click and touch events. It is a natural replacement for Flash in the modern HTML5 world, but provides better performance and pixel-level effects that go beyond what Flash could achieve. It is perfect for online games, educational content, interactive ads, data visualization... any web-based application where complex graphics are important. And coupled with technology such as Cordova and Electron, PixiJS apps can be distributed beyond the browser as mobile and desktop applications.
Here's what else you get with PixiJS:
# The fun and open source game library for HTML5 Games | |
Warriors! Level up the fun with our brand new [Colyseus multiplayer guide!](guides/how-to-make-a-multiplayer-game-with-colyseus-and-kaplay) | |
**KAPLAY** (/ˈkæpleɪ/) is a JavaScript and TypeScript game library that makes it easy to create games for the web. It's free, open-source and fun. | |
[Explore Docs](/guides/) [Play in KAPLAYGround](https://play.kaplayjs.com) [Join our Discord](https://discord.com/invite/aQ6RuQm3TF) | |
Friendly API. Easy to learn, easy to teach. |
const Content = Symbol("_$dlContent") | |
// A couple of HTML tags to play around with; use `any` type for now | |
const div: any = () => {} | |
const button: any = () => {} | |
function component<T extends { new (...args: any[]): any }>( | |
_cls: T | |
): ComponentFunction<InstanceType<T>> { | |
return (() => {}) as any |
import type { BunPlugin } from "bun"; | |
import { transform } from "@babel/core"; | |
import dlight, { type DLightOption } from "babel-preset-dlight"; | |
export const dlightPlugin = (): BunPlugin => ({ | |
name: "bun-plugin-dlight", | |
setup(build) { | |
build.onLoad({ filter: /\.(view|model)\.[tj]s$/ }, async (args) => { | |
const options: DLightOption = {}; |
# Normally, graphite wants to point you to their website after you submit a stack. I don't use their website, and I | |
# would prefer to go directly to the github PR. I wrote an alias that uses `unbuffer` to keep all of the nice ansi color | |
# and formatting, while replacing the final URL displayed with a github URL. | |
# | |
# Install unbuffer: | |
# - Mac OS: `brew install expect` | |
# - Ubuntu Linux: `sudo apt install expect` | |
# | |
# I have this in my .zshrc; "gts" is short for "gt submit": |
export type TaskJobType = | |
| 'chat.created' | |
| 'chat.messageSent' | |
| 'content.generateCoursePipeline' | |
| 'content.generateOutcomeRubrics' | |
| 'content.getTopicActivities' | |
| 'content.getTopicActivity' | |
| 'content.getTopicDescription' | |
| 'etl.humanloopProjects' // cron task | |
| 'healthcheck.ping' |
{ | |
//... snip ... | |
"scripts": { | |
"dev": "sh -c '(export TURBO_ARGS=\"${*}\"; turbo dev:deps $TURBO_ARGS && overmind start --root . --no-port --procfile $(node run-dev.mjs))' zero", | |
"dev:dry": "turbo dev --dry=json $TURBO_ARGS" | |
} | |
} |