{"id":574,"date":"2025-07-27T15:25:24","date_gmt":"2025-07-27T05:25:24","guid":{"rendered":"https:\/\/nonlinearexperience.com\/?p=574"},"modified":"2025-07-27T15:53:32","modified_gmt":"2025-07-27T05:53:32","slug":"game-objects","status":"publish","type":"post","link":"https:\/\/nonlinearexperience.com\/index.php\/2025\/07\/27\/game-objects\/","title":{"rendered":"Game objects"},"content":{"rendered":"

Game objects<\/h1>\n\n\n

See also:<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/p>\n\n\n\n

Any game object can pass in its own animation definition\/behaviour (into the sprite object, which also handles animation
Game objects all have an ID – it is drawn from the data in overworldMap\u2026<\/p>\n\n\n\n

Game objects are drawn in order of the data – e.g. top most item in data is drawn FIRST and then will be at the BOTTOM of the stack\u2026<\/p>\n\n\n\n

Game objects – how to add in new ones
see: Creating Pizzas for the Lineup! Pizza RPG Ep. 14 https:\/\/www.youtube.com\/watch?v=r74OW5olIMI&list=PLcjhmZ8oLT0r9dSiIK6RB_PuBWlG1KSq_&index=23<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

Make new gameObject <\/strong>PlayerState<\/em><\/strong><\/p>\n\n\n\n

Make a new file “pizzaStone.js’ and add to HTML<\/p>\n\n\n\n

It will extend GameObject – this is the pattern:<\/p>\n\n\n

\nclass PizzaStone extends GameObject {\n\u00a0\u00a0\u00a0\u00a0constructor(config){\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0super(config);\u00a0\u00a0\u00a0\n\u00a0\u00a0\u00a0\u00a0}\n}\n<\/pre><\/div>\n\n\n
<\/p>\n\n\n\n
A more fleshed out version of <\/strong>PizzaStone.js<\/em><\/strong><\/p>\n\n\n\n
(1:12) Creating Pizzas for the Lineup! Pizza RPG Ep. 14<\/a><\/p>\n\n\n
\nclass PizzaStone extends GameObject {\n\u00a0\u00a0\u00a0\u00a0constructor(config){\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0super(config);\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.sprite = new Sprite({\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0gameObject: this,\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0src: "images\/characters\/pizza-stone.png",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0animations: {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"used-down" \u00a0 : [ [0,0] ],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0"unused-down" : [ [1,0] ],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0},\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0currentAnimation: "used-down"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});\n\u00a0\u00a0\u00a0\u00a0}\n}\n<\/pre><\/div>\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
The pizza stone and dough ball\u2026<\/p>\n\n\n\n
64×32 pixels<\/p>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n
Add the pizza stone to <\/strong>OverworldMap.js<\/em><\/strong><\/p>\n\n\n\n
Place it in the demo room<\/p>\n\n\n
\npizzaStone: new PizzaStone({\n\u00a0\u00a0\u00a0x: utils.withGrid(2),\n\u00a0\u00a0\u00a0y: utils.withGrid(7)\n})\n<\/pre><\/div>\n\n\n
<\/p>\n\n\n\n
Already, it is in the room, and is not walkable:)<\/p>\n\n\n\n
Add a ‘used pizza stone’ story flag in <\/strong>OverworldMap.js<\/em><\/strong><\/p>\n\n\n\n
Add a story flag to the pizza stone in the map:<\/p>\n\n\n
\npizzaStone: new PizzaStone({\n\u00a0\u00a0\u00a0\/\/ CODE OMITTED\u2026\n\u00a0\u00a0\u00a0storyFlag: "USED_PIZZA_STONE"\n})\n<\/pre><\/div>\n\n\n
<\/p>\n\n\n\n
Handle the story flag in <\/strong>PizzaStone.js<\/em><\/strong><\/p>\n\n\n
\nclass PizzaStone extends GameObject {\n\u00a0\u00a0\u00a0\u00a0constructor(config){\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ CODE OMITTED\u2026\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.storyFlag = config.storyFlag;\n\u00a0\u00a0\u00a0\u00a0}\n}\nupdate() {\n\u00a0\u00a0\u00a0this.sprite.currentAnimation = playerState.storyFlags[this.storyFlag]\n\u00a0\u00a0\u00a0? "used-down"\n\u00a0\u00a0\u00a0: "unused-down";\n}\n<\/pre><\/div>\n\n\n
<\/p>\n\n\n\n
Adding the talking into <\/strong>PizzaStone.js<\/em><\/strong><\/p>\n\n\n\n
(6:10) Creating Pizzas for the Lineup! Pizza RPG Ep. 14<\/a><\/p>\n\n\n\n
Two approaches to talking – see Talking and messages – two approaches<\/a><\/p>\n\n\n\n
We go with OPTION 2<\/strong> here\u2026<\/p>\n\n\n
\nthis.talking = [\n\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0required: [this.storyFlag],\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0events: [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{ type: "textMessage", text: "You have already used this."},\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0]\n\u00a0\u00a0\u00a0},\n\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0events: [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{ type: "textMessage", text: "Approaching the legendary pizza stone..."},\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{ type: "addStoryFlag", flag: this.storyFlag}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0]\n\u00a0\u00a0\u00a0}\n]\n<\/pre><\/div>\n\n\n
<\/p>\n\n\n\n
Allow ability to pass in pizzas from config in <\/strong>PizzaStone.js<\/em><\/strong><\/p>\n\n\n
\nclass PizzaStone extends GameObject {\n\u00a0\u00a0\u00a0constructor(config){\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ CODE OMITTED\u2026\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.storyFlag = config.storyFlag;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.pizzas = config.pizzas;\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.talking = [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ CODE OMITTED\u2026\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0events: [\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{ type: "textMessage", text: "Approaching the legendary pizza stone..."},\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{ type: "craftingMenu", pizzas: this.pizzas },\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0{ type: "addStoryFlag", flag: this.storyFlag}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0]\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0]\n\u00a0\u00a0\u00a0}\n\/\/ CODE OMITTED\u2026\npizzaStone: new PizzaStone({\n\u00a0\u00a0\u00a0x: utils.withGrid(2),\n\u00a0\u00a0\u00a0y: utils.withGrid(7),\n\u00a0\u00a0\u00a0storyFlag: "USED_PIZZA_STONE",\n\u00a0\u00a0\u00a0pizzas: ["v001", "f001"],\n})\n<\/pre><\/div>\n\n\n
<\/p>\n\n\n\n
It should now appear on screen – now, you can add extra stuff, as needed.<\/p>\n\n\n\n
<\/p>\n\n\n\n
Resources<\/h2>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
See also: Any game object can pass in its own animation definition\/behaviour (into the sprite object, which also handles animationGame objects all have an ID – it is drawn from the data in overworldMap\u2026 Game objects are drawn in order of the data – e.g. top most item in data is drawn FIRST and then […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"wp-custom-template-nlx-the-knowledge-page","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-574","post","type-post","status-publish","format-standard","hentry","category-the-knowledge"],"_links":{"self":[{"href":"https:\/\/nonlinearexperience.com\/index.php\/wp-json\/wp\/v2\/posts\/574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nonlinearexperience.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nonlinearexperience.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nonlinearexperience.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nonlinearexperience.com\/index.php\/wp-json\/wp\/v2\/comments?post=574"}],"version-history":[{"count":2,"href":"https:\/\/nonlinearexperience.com\/index.php\/wp-json\/wp\/v2\/posts\/574\/revisions"}],"predecessor-version":[{"id":578,"href":"https:\/\/nonlinearexperience.com\/index.php\/wp-json\/wp\/v2\/posts\/574\/revisions\/578"}],"wp:attachment":[{"href":"https:\/\/nonlinearexperience.com\/index.php\/wp-json\/wp\/v2\/media?parent=574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nonlinearexperience.com\/index.php\/wp-json\/wp\/v2\/categories?post=574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nonlinearexperience.com\/index.php\/wp-json\/wp\/v2\/tags?post=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}