Hikkaku

Scratch with TypeScript.

Usage

Install

deno add @pnsk-lab/hikkaku

Config

Create config file:

// hikkaku.config.ts
import { defineConfig } from 'hikkaku/config'

export default defineConfig({
  project: import.meta.resolve('./main.ts'),
  assetsDir: `${import.meta.dirname}/assets`
})

Code

import { forever } from '@pnsk-lab/hikkaku/blocks/control'
import { changeXBy } from '@pnsk-lab/hikkaku/blocks/motion'
import { getMouseX } from '@pnsk-lab/hikkaku/blocks/sensing'
import { Project } from '@pnsk-lab/hikkaku'

// Define Project
const project = new Project({
  stage: {
    costumes: [
      // Stage Assets
      {
        id: 'blank',
        data:
          'https://cdn.assets.scratch.mit.edu/internalapi/asset/cd21514d0531fdffb22204e0ec5ed84a.svg/get/',
      },
    ],
  },
})

// Create Cat
const cat = project.addSprite({
  name: 'cat',
  costumes: [
    {
      id: 'cat',
      data:
        'https://cdn.assets.scratch.mit.edu/internalapi/asset/b7853f557e4426412e64bb3da6531a99.svg/get/',
    },
  ],
})

cat.addOnFlag(() => {
  forever(() => {
    changeXBy(getMouseX())
  })
})

export default project

This code is compiled as

Development

If you run it, you can use development server!

import config from './hikkaku.config.ts'
import { startDev } from '@pnsk-lab/hikkaku/dev'

startDev(config)

In future, it may contain HMR.