Uninitialized canvas display

This commit is contained in:
2023-02-01 20:31:06 -06:00
parent 910e4b856b
commit 5259d6ee8c
7 changed files with 46 additions and 4 deletions
+17
View File
@@ -0,0 +1,17 @@
import React, { useState, useCallback, useEffect, useRef } from 'react'
import { WasmCPU } from '../pkg/vweb.js'
export default function({}) {
const canvas = useRef(null)
const [ctx, setCtx] = useState(null)
const [cpu, _setCpu] = useState(new WasmCPU())
useEffect(() => {
const c = canvas.current.getContext('2d')
setCtx(c)
cpu.draw_frame(c)
}, [canvas.current])
return (
<canvas ref={canvas} width={640} height={480}></canvas>
)
}