canadaduane

@pixi/tilemap - PixiJS Tilemap Kit

This package provides a low-level rectangular tilemap implementation, optimized for high performance rendering and a out-of-the-box canvas fallback.

Version Compatiblity

PixiJS	PixiJS Tilemap Kit

canadaduane

Introduction & Overview

What PixiJS Is

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:

canadaduane

Introduction & Overview

What PixiJS Is

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:

canadaduane

# 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.

canadaduane

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

canadaduane

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 = {};

canadaduane

Easy Muesli

Ingredients

• 3 1/2 cups rolled oats
• 1/2 cup wheat bran
• 1/2 teaspoon kosher salt
• 1/2 teaspoon ground cinnamon
• 1/2 cup sliced almonds
• 1/4 cup raw pecans, coarsely chopped
• 1/4 cup raw pepitas (shelled pumpkin seeds)

canadaduane

# 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":

canadaduane

export type TaskJobType =
  | 'chat.created'
  | 'chat.messageSent'
  | 'content.generateCoursePipeline'
  | 'content.generateOutcomeRubrics'
  | 'content.getTopicActivities'
  | 'content.getTopicActivity'
  | 'content.getTopicDescription'
  | 'etl.humanloopProjects' // cron task
  | 'healthcheck.ping'

canadaduane

{
  //... 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"
  }
}