{"id":26975173,"url":"https://github.com/izure1/lvejs3","last_synced_at":"2025-04-03T11:19:22.860Z","repository":{"id":33126719,"uuid":"141177906","full_name":"izure1/LveJS3","owner":"izure1","description":"JavaScript Light Visualnovel Engine","archived":false,"fork":false,"pushed_at":"2023-03-02T03:26:22.000Z","size":8454,"stargazers_count":1,"open_issues_count":19,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-29T17:08:18.965Z","etag":null,"topics":["library","lightnovel"],"latest_commit_sha":null,"homepage":"","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/izure1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-07-16T18:29:44.000Z","updated_at":"2022-07-21T08:40:43.000Z","dependencies_parsed_at":"2023-01-14T23:45:16.594Z","dependency_job_id":null,"html_url":"https://github.com/izure1/LveJS3","commit_stats":null,"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izure1%2FLveJS3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izure1%2FLveJS3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izure1%2FLveJS3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/izure1%2FLveJS3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/izure1","download_url":"https://codeload.github.com/izure1/LveJS3/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246989732,"owners_count":20865331,"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":["library","lightnovel"],"created_at":"2025-04-03T11:19:21.846Z","updated_at":"2025-04-03T11:19:22.832Z","avatar_url":"https://github.com/izure1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# LveJS3\r\n*LveJS 3.0 ~ x.x*\r\n\r\n## LveJS란?\r\nLveJS는, **Light Visual novel Engine**의 약자입니다.  \r\n\r\n웹에서 비주얼노벨을 손쉽게 구현할 수 있도록 지원하는 Web Canvas 라이브러리이며, [jQuery](https://github.com/jquery/jquery)의 문법과 비슷하기에, 기존의 jQuery 사용자는 쉽게 배울 수 있습니다.\r\n\r\n# 지원 사양 및 동작 방법\r\nLveJS는 공식적으로는 구글 크롬, 모질라 파이어폭스를 지원합니다.  \r\n하지만 그 외 HTML5 Canvas를 지원하는 기타 브라우저에서도 동작할 수 있습니다.  \r\n\r\nWebGL을 사용하지 않고, canvas API으로 동작합니다. *따라서 오브젝트가 많이 필요한 무거운 게임에는 적합하지 않습니다.*  \r\n\r\n기본적으로 [kripken](https://github.com/kripken)의 [Box2D](https://github.com/kripken/box2d.js)의 물리엔진이 내장되어 있습니다. \r\n따라서 번거롭게 물리엔진을 적용하지 않아도 됩니다.  \r\n\r\n원한다면 생성한 오브젝트의 속성을 수정하는 것만으로 물리충돌을 제어할 수 있으며, \r\n이는 LveJS가 비주얼노벨뿐만 아니라, 간단한 2D 게임도 구현할 수 있다는 의미입니다.\r\n\r\n# 설치하기\r\n\r\n다운로드 [https://www.npmjs.com/package/lve](https://www.npmjs.com/package/lve)\r\n\r\n### npm\r\n\r\n```\r\nnpm install lve\r\n```\r\n\r\n### browser\r\n\r\n```\r\n\u003cscript src=\"dist/LveJS.js\"\u003e\u003c/script\u003e\r\n```\r\n\r\n# 시작하기\r\n```\r\nconst lve = new LveJS\r\n\r\nlve.init({ canvas: '#yourCanvasSelector' }).loadAsset([\r\n  'http://your-asset-in-here.png',\r\n  'http://image-video-audio-and-all-type.mp4'\r\n]).ready(() =\u003e {\r\n  \r\n  \r\n  // Create image and video object on screen\r\n  // This asset has been loaded as a loadAsset function,\r\n  // so you do not need to wait for it to load.\r\n  \r\n  lve('Objects-unique-identifier').create({\r\n    type: 'image',\r\n    src: 'http://your-asset-in-here.png'\r\n  })\r\n  \r\n  lve('Like this').create({\r\n    type: 'video',\r\n    src: 'http://image-video-audio-and-all-type.mp4'\r\n  })\r\n  \r\n  // You can create multiple types of objects\r\n  // camera\r\n  // image, sprite, video, particle (need asset url (src attribute)\r\n  // square, circle\r\n  // text (text attribute)\r\n  \r\n  \r\n  // You can also get object reference\r\n  \r\n  const square = lve('sample-square').create({\r\n    type: 'square'\r\n  })\r\n  \r\n  \r\n  // Use CSS-like grammer\r\n  \r\n  square.css({\r\n    width: 100,\r\n    height: 100,\r\n    color: 'blue',\r\n    left: 100, // X axis\r\n    bottom: 100, // Y axis\r\n    perspective: 100 // Z axis\r\n  })\r\n  \r\n  \r\n  lve('hello-world').create({\r\n    type: 'text',\r\n    text: 'Hello, World!\\n and Hello, LveJS!'\r\n  }).css({\r\n    fontSize: 15,\r\n    fontFamily: 'consolas',\r\n    fontStyle: 'italic',\r\n    lineHeight: '150%',\r\n    color: '#0075c8'\r\n  })\r\n\r\n})\r\n```\r\n\r\n# 예제\r\nGithub에서 프로젝트를 다운로드 받고 순서대로 `npm install` 명령어를 실행하여 의존 모듈을 설치하십시오. 이후 `npm run dev` 명령어를 실행하여 데모 페이지를 여십시오.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fizure1%2Flvejs3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fizure1%2Flvejs3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fizure1%2Flvejs3/lists"}