• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript RectRenderer.create函数代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中RectRenderer.create函数的典型用法代码示例。如果您正苦于以下问题:TypeScript create函数的具体用法?TypeScript create怎么用?TypeScript create使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。



在下文中一共展示了create函数的3个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: Array2D

const pointSize = 2;

const width = Math.floor(window.innerWidth / pointSize) - 12;
const height = Math.floor(window.innerHeight / pointSize) - 12;

const canvasElement = document.createElement("canvas");
canvasElement.width = width * pointSize;
canvasElement.height = height * pointSize;

const ctx = canvasElement.getContext("2d")!;

ctx.fillStyle = `rgb(${String(0)}, ${String(0)}, ${String(0)})`;

document.getElementById("content")!.appendChild(canvasElement);

const renderer = RectRenderer.create(ctx, pointSize);

let currentWorld = new Array2D(height, width, false);
let nextWorld = new Array2D(height, width, false);

for (let row = 0; row < height; row++) {
    for (let column = 0; column < width; column++) {
        currentWorld.set(row, column, Math.random() < 0.5001);
    }
}

const transformer = GameOfLifeTransformer.create(survival, birth);

setInterval(() => {
    renderer.render(currentWorld);
开发者ID:cfuehrmann,项目名称:GameOfLife,代码行数:30,代码来源:World.ts


示例2: TestContext

QUnit.test(name("ContextCallSequence"), assert => {
    // PREPARE

    const context = new TestContext();
    const pointSize = 4;
    const renderer = RectRenderer.create(context, pointSize);
    const width = 5;
    const height = 3;
    const world = new Array2D(height, width, false);

    world.set(0, 0, true);
    world.set(0, 1, false);
    world.set(0, 2, true);
    world.set(0, 3, false);
    world.set(0, 4, true);

    world.set(1, 0, false);
    world.set(1, 1, true);
    world.set(1, 2, false);
    world.set(1, 3, true);
    world.set(1, 4, false);

    world.set(2, 0, true);
    world.set(2, 1, false);
    world.set(2, 2, true);
    world.set(2, 3, false);
    world.set(2, 4, true);

    // ACT

    renderer.render(world);

    // ASSERT 

    // The first call must be clearRect with the proper parameters:
    assert.ok(context.calls[0].match({
        clearRect: (x, y, w, h) => x === 0 && y === 0 &&
            w === width * pointSize && h === height * pointSize,
        fillRect: () => false
    }));

    // The subsequent calls must be fillRects with proper parameters.
    // In particular, each fillRect call must correspond to coordinates
    // where "world" is true, and no such coordinates must occur twice:
    for (let i = 1; i < context.calls.length; i++) {
        context.calls[i].match({
            clearRect: () => assert.ok(false),
            fillRect: (x, y, w, h) => {
                checkInt("x", x);
                checkInt("y", y);
                assert.ok(x >= 0);
                assert.ok(y >= 0);
                assert.strictEqual(w, pointSize);
                assert.strictEqual(h, pointSize);
                const row = Math.floor(y / pointSize);
                const column = Math.floor(x / pointSize);
                assert.ok(world.get(row, column));
                world.set(row, column, false);
            }
        });
    }

    // The calls to fillRect must exhaust all coordinates where world is true:
    for (let row = 0; row < height; row++) {
        for (let column = 0; column < width; column++) {
            assert.strictEqual(world.get(row, column), false);
        }
    }
});
开发者ID:cfuehrmann,项目名称:GameOfLife,代码行数:69,代码来源:RectRenderer_test.ts


示例3:

 (context: RectRenderingContext) => RectRenderer.create(context, 1))
开发者ID:cfuehrmann,项目名称:GameOfLife,代码行数:1,代码来源:RectRenderer_test.ts



注:本文中的RectRenderer.create函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript redis.createClient函数代码示例发布时间:2022-05-25
下一篇:
TypeScript recompose.withStateHandlers函数代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap