{"id":19678401,"url":"https://github.com/VisActor/VRender","last_synced_at":"2025-04-29T04:30:27.614Z","repository":{"id":173841596,"uuid":"649514587","full_name":"VisActor/VRender","owner":"VisActor","description":"VRender, not just a feature-rich visual rendering engine, but also a skillful and ingenious tool for creating beautiful artwork.","archived":false,"fork":false,"pushed_at":"2025-04-21T12:23:23.000Z","size":121697,"stargazers_count":221,"open_issues_count":104,"forks_count":35,"subscribers_count":17,"default_branch":"develop","last_synced_at":"2025-04-21T13:30:15.058Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/VisActor.png","metadata":{"files":{"readme":"README.ja-JP.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2023-06-05T03:33:22.000Z","updated_at":"2025-04-21T02:13:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"f6e2da4e-1798-4dfd-92e3-d4e4340ed3e4","html_url":"https://github.com/VisActor/VRender","commit_stats":{"total_commits":2022,"total_committers":23,"mean_commits":87.91304347826087,"dds":0.6701285855588526,"last_synced_commit":"39eff8f6460cb1845fde802a721a04e60ee7f6ba"},"previous_names":["visactor/vrender"],"tags_count":174,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VisActor%2FVRender","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VisActor%2FVRender/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VisActor%2FVRender/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/VisActor%2FVRender/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/VisActor","download_url":"https://codeload.github.com/VisActor/VRender/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250814472,"owners_count":21491570,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-11T17:37:12.301Z","updated_at":"2025-04-29T04:30:27.608Z","avatar_url":"https://github.com/VisActor.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","TypeScript"],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://github.com/VisActor#gh-light-mode-only\" target=\"_blank\"\u003e\n    \u003cimg alt=\"VisActor Logo\" width=\"200\" src=\"https://github.com/VisActor/.github/blob/main/profile/logo_500_200_light.svg\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/VisActor#gh-dark-mode-only\" target=\"_blank\"\u003e\n    \u003cimg alt=\"VisActor Logo\" width=\"200\" src=\"https://github.com/VisActor/.github/blob/main/profile/logo_500_200_dark.svg\"/\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003eVRender\u003c/h1\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\nVRenderは、機能豊富なビジュアルレンダリングエンジンであり、美しいアートワークを作成するための巧妙で独創的なツールです。\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.visactor.io/vrender\"\u003e紹介\u003c/a\u003e •\n  \u003ca href=\"https://www.visactor.io/vrender/example\"\u003eデモ\u003c/a\u003e •\n  \u003ca href=\"https://www.visactor.io/vrender/guide/\"\u003eチュートリアル\u003c/a\u003e •\n\u003c/p\u003e\n\n![image test](https://github.com/visactor/vrender/actions/workflows/bug-server.yml/badge.svg?event=push)\n![unit test](https://github.com/visactor/vrender/actions/workflows/unit-test.yml/badge.svg?event=push)\n[![npm Version](https://img.shields.io/npm/v/@visactor/vrender.svg)](https://www.npmjs.com/package/@visactor/vrender)\n[![npm Download](https://img.shields.io/npm/dm/@visactor/vrender.svg)](https://www.npmjs.com/package/@visactor/vrender)\n[![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/visactor/vrender/blob/main/LICENSE)\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[English](./README.md) | [简体中文](./README.zh-CN.md) | 日本語\n\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n（ビデオ）\n\n\u003c/div\u003e\n\n# 紹介\n\nVRenderはビジュアルレンダリングライブラリです。主な機能は以下の通りです：\n\n1. 機能が豊富：カスタマイズ可能なアニメーション、要素の組み合わせ、ナラティブの配置、さまざまなビジュアライゼーションシナリオに適しています。\n2. 柔軟な拡張性：プラグインシステムを提供し、自由に拡張可能です。\n3. シンプルで強力：同じ設定で2D/3D効果をシームレスに切り替えられます。\n\n# リポジトリの紹介\n\nこのリポジトリには以下のパッケージが含まれています：\n\n1. VRender: VRenderのメインパッケージ\n\n# 使用方法\n\n## インストール\n\n[npm package](https://www.npmjs.com/package/@visactor/vrender)\n\n```bash\n// npm\nnpm install @visactor/vrender\n\n// yarn\nyarn add @visactor/vrender\n```\n\n## クイックスタート\n\n```javascript\nimport { createSymbol, createStage } from '@visactor/vrender';\n\nconst sy = createSymbol({\n  x: 500,\n  y: 100,\n  symbolType: 'circle',\n  size: 160,\n  outerBorder: {\n    distance: 10,\n    lineWidth: 2,\n    strokeColor: 'green'\n  },\n  innerBorder: {\n    distance: 10,\n    lineWidth: 1,\n    strokeColor: 'red'\n  },\n  // fillColor: 'green',\n  background:\n    'data:image/png;base64,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',\n  texture: 'circle',\n  texturePadding: 1,\n  textureSize: 8,\n  textureColor: 'red',\n  fillOpacity: 1,\n  scaleX: 2,\n  scaleY: 2,\n  lineWidth: 6\n});\nconst st = createStage({\n  canvas: 'main',\n  autoRender: true\n});\nst.defaultLayer.add(sy);\n```\n\n##\n\n[詳細なデモとチュートリアル](https://visactor.io/vrender)\n\n# 関連リンク\n\n- [公式サイト](https://visactor.io/vrender)\n\n# エコシステム\n\n| プロジェクト | 説明 |\n| ---- | ---- |\n| [VChart](https://visactor.io/vchart) | [VisActor/VRender](https://visactor.io/vrender) に基づいたチャートライブラリ |\n| [VGrammar](https://visactor.io/vgrammar) | [VisActor/VRender](https://visactor.io/vrender) に基づいたビジュアル文法ライブラリ |\n| [React コンポーネントライブラリ](https://visactor.io/react-vchart) | [VisActor/VChart](https://visactor.io/vchart) に基づいた React チャートコンポーネントライブラリ |\n| [AI生成コンポーネント](https://visactor.io/ai-vchart) | AI生成のチャートコンポーネント |\n\n# 貢献\n\n貢献したい場合は、まず [行動規範](./CODE_OF_CONDUCT.md) と [ガイド](./CONTRIBUTING.md) をお読みください。\n\n小さな流れが大河となり、最終的には大海となります！\n\n\u003ca href=\"https://github.com/visactor/vrender/graphs/contributors\"\u003e\u003cimg src=\"https://contrib.rocks/image?repo=visactor/vrender\" /\u003e\u003c/a\u003e\n\n# ライセンス\n\n[MIT ライセンス](./LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FVisActor%2FVRender","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FVisActor%2FVRender","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FVisActor%2FVRender/lists"}