Skip to content

Commit

Permalink
Drop br tag
Browse files Browse the repository at this point in the history
  • Loading branch information
willeastcott committed Apr 27, 2024
1 parent bcaf1e6 commit 4d81f8d
Show file tree
Hide file tree
Showing 33 changed files with 126 additions and 139 deletions.
13 changes: 7 additions & 6 deletions blog/2012-08-08-a-multiplayer-3rd-person-shooter-in-html5.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,15 @@ tags:
- networking
---

![D.E.M.O.](/img/demo-game.jpg)
<br />_D.E.M.O. Multiplayer 3rd-person shooter running in the browser_
![D.E.M.O.](/img/demo-game.jpg)
_D.E.M.O. Multiplayer 3rd-person shooter running in the browser_

PlayCanvas were lucky enough to show a demo of our collaborative HTML5 game development toolset at Google I/O a few months back. We had a few existing demos of simple games that we had made in order to test the platform.

However, we really wanted to show something a little more high-end, to showcase the possibilities that HTML5 offers for next-generation browser games. With a little under two weeks to go we started work on the demo we'd feature on the show floor. A networked multiplayer 3rd-person shooter we descriptively called 'scifi'. We’ve since renamed it to the slightly less descriptive D.E.M.O.

[Try playing D.E.M.O. now](https://playcanv.as/p/UAR6UQNM/).

_**Firefox:** Hiding the mouse cursor only works in Fullscreen mode, press SPACE to toggle fullscreen._

We think the result is something is pretty special so we’re sharing it with you today. We think you’ll agree that it heralds the beginning of a new generation of HTML5 games.
Expand All @@ -38,17 +39,17 @@ Two weeks is very short time to build an app like D.E.M.O. and along with lots o

### Asset wrangling

![SWAT Model](/img/swat_in_tools.jpg)
<br />_Side-by-side rendering in 3DS Max and PlayCanvas Engine_
![SWAT Model](/img/swat_in_tools.jpg)
_Side-by-side rendering in 3DS Max and PlayCanvas Engine_

We’ve made a beautiful looking game in 3D in next to no time. We could do this because the PlayCanvas asset tools are built to ingest a wide range of model formats and set up to ensure that default materials from popular 3D packages appear identical in engine as they do for the artist.

The sci-fi levels and the SWAT character and animations were all created using 3D Studio Max default materials. With no effort on our part we could export the source assets into the PlayCanvas format and be sure they would look nearly identical at runtime. If you were to get assets from a site like [Turbo Squid](https://www.turbosquid.com/) you need to know that it will _just work_ in PlayCanvas without modification. Within minutes of receiving 3D assets from a 3rd party you can have characters and environments in game.

### Building the level

![D.E.M.O.](/img/demo-designer.jpg)
<br />_Building the D.E.M.O. in PlayCanvas Designer_
![D.E.M.O.](/img/demo-designer.jpg)
_Building the D.E.M.O. in PlayCanvas Designer_

Traditionally, this would consist of building out the level in low detail (often called grey-boxing) and running about it in to get feel for the how the game plays, where the choke points are and how the spawn points should be placed. Unfortunately, we didn’t have the art resources to design the level in this way but we did have a set of 5 or 6 components which fitted together like jigsaw pieces.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,32 +6,24 @@ tags:
- game
---

[![Dungeon Fury](/img/dungeon-fury.jpg)](http://dungeonfury.playcanvas.com/)
<br />_Play Dungeon Fury in mobile and desktop browsers now_
[![Dungeon Fury](/img/dungeon-fury.jpg)](http://dungeonfury.playcanvas.com/)
_Play Dungeon Fury in mobile and desktop browsers now_

Something incredibly exciting is happening in the mobile browser space right now. WebGL is rapidly being integrated into browsers and all of a sudden, game developers have the technologies they need to deliver high quality 3D video games without having to deploy a native app. To show what is possible today, PlayCanvas has developed the game 'Dungeon Fury', a light-hearted fantasy game that pushes your reflexes to the limit. Dungeon Fury represents the world's first 3D HTML5 browser game that is built specifically for mobile (although it works great in desktop browsers too!). And if all this wasn't cool enough, the whole game was written using only a web browser, made possible with the PlayCanvas game engine!

[PLAY DUNGEON FURY NOW!](http://dungeonfury.playcanvas.com/)

PlayCanvas on mobile is built upon bleeding edge technologies and as such, the game is pushing mobile browsers very hard indeed. Consequently there are some known issues and things to look out for. Supported mobile browsers are as follows:

- Firefox for Android

- **Firefox for Android**
- The game works in the Release Channel build but performance is far higher in the [Nightly Channel](https://www.mozilla.org/en-US/firefox/channel/android/#nightly).

- Chrome for Android

- **Chrome for Android**
- WebGL needs to be enabled by toggling 'Enable WebGL' in chrome://flags.

- Game audio is fairly unreliable and when it does play, it lags the gameplay quite significantly. Google are hard at work, implementing Web Audio for Chrome M27, so this is a temporary problem.

- Opera Mobile for Android

- **Opera Mobile for Android**
- Works but performance is far behind Firefox and Chrome.

- BlackBerry 10 browser
- Firefox OS

- **BlackBerry 10 browser**
- **Firefox OS**
- If you don't have a test device, check out Mozilla's [Firefox OS Simulator](https://hacks.mozilla.org/2013/05/firefox-os-simulator-3-0-released/) that is delivered as a Firefox add-on.

Supported desktop browsers are:
Expand Down
12 changes: 6 additions & 6 deletions blog/2013-04-22-london-html5-game-developers.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,14 +16,14 @@ This month we held or first **Presentation Night**. Mozilla kindly hosted us at

Here are a few pictures:

![Audience](/img/meetup-audience.jpg)
<br />_Great turnout, practically a full house_
![Audience](/img/meetup-audience.jpg)
_Great turnout, practically a full house_

![Max and Maciej](/img/meetup-max-and-maciej.jpg)
<br />_Max and Maciej showing off their game-hack games_
![Max and Maciej](/img/meetup-max-and-maciej.jpg)
_Max and Maciej showing off their game-hack games_

![Unreal 3 in the Browser](/img/meetup-unreal.jpg)
<br />_Chris from Mozilla demoing Unreal 3 in the browser_
![Unreal 3 in the Browser](/img/meetup-unreal.jpg)
_Chris from Mozilla demoing Unreal 3 in the browser_

Thanks to everyone who came along, in particular Chris from Mozilla who stayed late after work to host the event.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,15 @@ Now we expanding our community features into the world of forums and random inte

## PlayCanvas Discussion

[![PlayCanvas Forum](/img/discussion.png)](/img/discussion.png)
<br />_PlayCanvas Discussion_
[![PlayCanvas Forum](/img/discussion.png)](/img/discussion.png)
_PlayCanvas Discussion_

[PlayCanvas Discussion](https://forum.playcanvas.com) is our community forum. Unlike Answers which is focussed on getting you solutions to problems, Discussion is for long rambling trains of thought, showing off your work, arguing back and forth about how best to implement a performant [flocking algorithm](https://forum.playcanvas.com/t/not-a-game-not-for-the-fishing-jam/25) in JavaScript and general holding court about all things Game Dev, HTML5 and PlayCanvas related.

### A little note on Discourse

[![Discourse logo](/img/discourse.png)](/img/discourse.png)
<br />_Civilized Discourse_
[![Discourse logo](/img/discourse.png)](/img/discourse.png)
_Civilized Discourse_

Forum software is perhaps one of the most neglected areas of web development, it never seemed to have it's web 2.0 moment like photo-sharing. Perhaps because all the hackers we're busy creating another [Project Management SAAS platform](https://en.wikipedia.org/wiki/Comparison_of_project_management_software). But now Jeff Atwood, of [Coding Horror](https://blog.codinghorror.com/) and [Stack Overflow](https://stackoverflow.com) fame, and his team have created [Discourse](https://discourse.org/). A fancy new forum, designed to be great for communities and civilized discourse. Perfect for what we want for our community.

Expand Down
4 changes: 2 additions & 2 deletions blog/2013-08-07-a-wild-programmer-appears.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ tags:

It's a big day over at PlayCanvas towers. We have a new programmer. In fact, our first full-time staffer after the founding team.

![Vaios](/img/team-vaios-2013.jpg)
<br />_Humouring the idiot with the camera phone_
![Vaios](/img/team-vaios-2013.jpg)
_Humouring the idiot with the camera phone_

Vaios joins us from sunny Athens, land of gods, fine olive oil and greeks bearing gifts [Best you could come up with!? - Ed]. More importantly he's got loads of experience writing games and tools for game developers. He spent a number of years working at Sony Computer Entertainment in London on the sadly un-released AAA action title [Eight Days](https://en.wikipedia.org/wiki/Eight_Days), and the ground-breaking console virtual world PlayStation Home. Since then he's been working another [virtual world](http://www.playtown-game.com/playtown/app/portal/) title in Athens.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ title: Featured games, featured projects and activity stream

The all new front-page shows an overview of all PlayCanvas activity.

[![Cloud Gate (The Bean)](https://farm1.staticflickr.com/1/414896_925f2c7a1c.jpg)](https://www.flickr.com/photos/josh/414896/)
<br />_New shiny thing_
[![Cloud Gate (The Bean)](https://farm1.staticflickr.com/1/414896_925f2c7a1c.jpg)](https://www.flickr.com/photos/josh/414896/)
_New shiny thing_

Today we're launching the new front-page for PlayCanvas users. When you log in and visit [playcanvas.com](https://playcanvas.com) you'll now get a nice overview of activity across the whole PlayCanvas community.

Expand Down
8 changes: 4 additions & 4 deletions blog/2013-09-05-starter-kits.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@ Today we've launched a new feature to help get you up and running in PlayCanvas

We've got two styles of game to start with.

[![Platform Game Starter Kit](/img/platformer_small.png)](/img/platformer_small.png)
<br />_The Platform Game Starter Kit_
[![Platform Game Starter Kit](/img/platformer_small.png)](/img/platformer_small.png)
_The Platform Game Starter Kit_

[![FPS Game Starter kit](/img/fps_small.png)](/img/fps_small.png)
<br />_The FPS Game Starter Kit_
[![FPS Game Starter kit](/img/fps_small.png)](/img/fps_small.png)
_The FPS Game Starter Kit_

You can select a starter kit via the **New Project** dialog. This is just the first two we've got up and running, with more improvements to come. Head over to the [forum](https://forum.playcanvas.com) with suggestions for more starter kits.
16 changes: 8 additions & 8 deletions blog/2013-09-12-playcanvas-game-jam.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,27 +8,27 @@ tags:

Yesterday, at PlayCanvas we hosted our first physical Game Jam. By physical, I mean we had all the developers in the same location, not that we made them run around and do push-ups!

[![Game Jammers](/img/group.jpg)](/img/group.jpg)
<br />_The PlayCanvas Game Jam Dungeon_
[![Game Jammers](/img/group.jpg)](/img/group.jpg)
_The PlayCanvas Game Jam Dungeon_

Based out of the 80s sci-fi haven that is the Virgin Media Game Space, a group of 9 of us spent the day hacking on brand new games, modelling manga robots, and techno beats.

Yes, I know you wish you were there.

[![nebulousflynn](/img/audio.jpg)](/img/audio.jpg)
<br />_nebulousflynn making strange noises_
[![nebulousflynn](/img/audio.jpg)](/img/audio.jpg)
_nebulousflynn making strange noises_

For us this is an excellent opportunity to see developers at work, using our tools together to prototype ideas and build stuff.

Your feedback is what makes PlayCanvas great.

[![roseninja and jellycakes](/img/roseninja.jpg)](/img/roseninja.jpg)
<br />_roseninja and jellycakes working on platformer "Squeaky Wheel"_
[![roseninja and jellycakes](/img/roseninja.jpg)](/img/roseninja.jpg)
_roseninja and jellycakes working on platformer "Squeaky Wheel"_

Go check out users [roseninja](https://playcanvas.com/user/roseninja), [jellycakes](https://playcanvas.com/user/jellycakes), [wilbefast](https://playcanvas.com/user/wilbefast), [nebulousflynn](https://playcanvas.com/user/nebulousflynn) and [balkango](https://playcanvas.com/user/balkango) who were all building games yesterday. It's early days for [Flying robots of Death](https://playcanvas.com/project/1322/overview/test) and [Squeaky Wheel](https://playcanvas.com/project/1326/overview/blah), but terrific work for an afternoon of coding and modelling.

[![Concentration](/img/concentration.jpg)](/img/concentration.jpg)
<br />_wilbefast concentrating on make robots kill each other_
[![Concentration](/img/concentration.jpg)](/img/concentration.jpg)
_wilbefast concentrating on make robots kill each other_

We've got more Game Jams coming up. Will is at [onGameStart](http://ongamestart.com) in Poland next week.

Expand Down
4 changes: 2 additions & 2 deletions blog/2013-09-13-new-look-designer.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ tags:

We've updated the Designer theme to give it an all-new Pro look.

[![New Designer Theme](/img/editor-extjs-dark.png)](/img/editor-extjs-dark.png)
<br />_Black is the new Black_
[![New Designer Theme](/img/editor-extjs-dark.png)](/img/editor-extjs-dark.png)
_Black is the new Black_

Functionally it remains the same, but we'll be focussing on making a few of the controls more intuitive over the next few weeks.

Expand Down
8 changes: 4 additions & 4 deletions blog/2013-10-28-nottingham-gamecity-and-mozfest.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,17 +10,17 @@ This last week was a frenzy of activity from the PlayCanvas founders. We trekked

### Thursday

[![Dave Running a Workshop](/img/confetti-workshop.jpg)](/img/confetti-workshop.jpg)
<br />_Co-founder Dave running a workshop on HTML5 Game Development_
[![Dave Running a Workshop](/img/confetti-workshop.jpg)](/img/confetti-workshop.jpg)
_Co-founder Dave running a workshop on HTML5 Game Development_

On Thursday, I went up to the [Confetti Institute of Creative Technologies](https://confetti.ac.uk/) in Nottingham and gave a workshop to a room full of interested developers. We covered the basics of a 3D engine, some quick samples of how Graphics, Cameras, Physics and Audio can be used, and then we ended the 3 hour session with the entire group building the [Luna Lander](https://www.youtube.com/watch?v=zQQCfd1xEKg) demo that we showed you a few weeks ago.

At the end of the session, everyone had had a great time and had a playable game to show for it.

### Friday

[![Open Arcade](/img/open-arcade.jpg)](/img/open-arcade.jpg)
<br />_The Open Arcade at Nottingham GameCity_
[![Open Arcade](/img/open-arcade.jpg)](/img/open-arcade.jpg)
_The Open Arcade at Nottingham GameCity_

On Friday, we were demoing at the Open Arcade in Nottingham town centre. The Open Arcade was an amazing space put together by the GameCity organizers to let game developers show off their work and also provided a communal place for playing the latest and upcoming independent game releases.

Expand Down
8 changes: 4 additions & 4 deletions blog/2013-12-13-friday-assets-mega-update.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@ Drag and Drop, uploading and thumbnails, no longer a pain in the asset.

This week has been the week of the Asset at PlayCanvas. We taken a long hard look at how we add and use Assets and we've buffed and polished the process, taking off the ragged edges so that your workflow is now super smooth. Plus our big new feature, the PlayCanvas Asset Library. Find out more below

[![Use pre-made 3D models in your game](/img/asset_library.jpg)](/img/asset_library.jpg)
<br />_Use pre-made 3D models in your game_
[![Use pre-made 3D models in your game](/img/asset_library.jpg)](/img/asset_library.jpg)
_Use pre-made 3D models in your game_

## Uploading to the Designer

Expand All @@ -27,8 +27,8 @@ You can now drag Assets from the Asset Explorer and drop them into many differen

## Texture Thumbnails

[![Texture assets now have thumbnails](/img/asset_explorer.jpg)](/img/asset_explorer.jpg)
<br />_Texture assets now have thumbnails_
[![Texture assets now have thumbnails](/img/asset_explorer.jpg)](/img/asset_explorer.jpg)
_Texture assets now have thumbnails_

We've started working on thumbnails for all Assets, but as a quick starter, textures now display with the proper thumbnail. No more guessing which one is the normal map when you're setting up your materials. Thumbnails for more Asset will be done soon.

Expand Down
4 changes: 2 additions & 2 deletions blog/2014-01-09-a-wild-designer-appears.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ tags:

To kick off 2014 with a bang, we're welcoming a brand new member to the PlayCanvas family.

[![Roonio logo](/img/roonio.png)](/img/roonio.png)
<br />_Kevin's image doesn't appear on film, so we've used this instead._
[![Roonio logo](/img/roonio.png)](/img/roonio.png)
_Kevin's image doesn't appear on film, so we've used this instead._

Kevin Rooney joins us as Creative Director, check out his [amazing portfolio](https://roonio.com/). Kevin is an experienced designer who has sampled the start-up life before at [Memrise](https://memrise.com).

Expand Down
4 changes: 2 additions & 2 deletions blog/2014-03-16-playcanvas-sxsw.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@ tags:
- event
---

![Will at SXSW Accelerator](/img/sxsw-accelerator.jpg)
<br />_CEO Will Eastcott at SXSW Accelerator_
![Will at SXSW Accelerator](/img/sxsw-accelerator.jpg)
_CEO Will Eastcott at SXSW Accelerator_

This past week the PlayCanvas founders have been deep in the heart of Texas at the celebrated mega-festival SXSW. We were chosen from over 500 companies to pitch to a enormous room full of business leads, journalists and tech enthusiasts. Will was on stage and we wowed them successfully enough to get through the final 3. Sadly another talented start-up crew beat us to the No. 1 slot, but a close 2nd is still pretty damn good.

Expand Down
8 changes: 4 additions & 4 deletions blog/2014-03-21-swooop.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,8 @@ tags:
- swooop
---

[![SWOOOP title](/img/swooop_blog.jpg)](/img/swooop_blog.jpg)
<br />_SWOOOP - mobile browser game built using the PlayCanvas Engine_
[![SWOOOP title](/img/swooop_blog.jpg)](/img/swooop_blog.jpg)
_SWOOOP - mobile browser game built using the PlayCanvas Engine_

Today, PlayCanvas is excited to reveal [SWOOOP](http://swooop.playcanvas.com). Our latest example of true cross-platform gaming.

Expand All @@ -28,8 +28,8 @@ While SWOOOP runs great in browsers, both desktop and mobile, it's important tha

### Open Project

[![SWOOOP in Designer](/img/designer-swooop.png)](/img/designer-swooop.png)
<br />_The SWOOOP project is open to everyone_
[![SWOOOP in Designer](/img/designer-swooop.png)](/img/designer-swooop.png)
_The SWOOOP project is open to everyone_

For PlayCanvas developers, there's even better news. The [SWOOOP project](https://playcanvas.com/project/4763/overview/swooop) is open for you to view right now! Browse the project for yourself and learn how the PlayCanvas team make games using the engine.

Expand Down
12 changes: 6 additions & 6 deletions blog/2014-04-09-idealondon-welcomes-playcanvas.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,17 +8,17 @@ Last Summer, PlayCanvas participated in the world's premier startup accelerator

And now that we're back from our travels, we've found a new home: IDEALondon. Check out our new digs:

[![IDEALondon](/img/idealondon.jpg)](/img/idealondon.jpg)
<br />_PlayCanvas' London Office_
[![IDEALondon](/img/idealondon.jpg)](/img/idealondon.jpg)
_PlayCanvas' London Office_

So what's IDEALondon? It's an innovation centre located in the heart of Tech City, London's red hot answer to California's Silicon Valley. The building itself is owned and operated by UCL, one of the world's finest universities. Joining them are DC Thomson and Cisco Systems, two great companies with a track record of working with dynamic startup businesses.

We are delighted that IDEALondon have selected PlayCanvas to join their family and we look forward to working with them to take PlayCanvas to the next level.

Check out some of the UK team, all set up and ready to roll:

[![PlayCanvas Team](/img/team-2014.jpg)](/img/team-2014.jpg)
<br />_Most of Team PlayCanvas_
[![PlayCanvas Team](/img/team-2014.jpg)](/img/team-2014.jpg)
_Most of Team PlayCanvas_

But wait!!!  Who's that young fellow sitting next to Kevin? It's our new team member, the amazing Maksims Mihejevs. You can call him Max. We actually met him first when he joined our [HTML5 Game Dev Meetup](http://www.meetup.com/London-HTML5-Game-Developers/) - from that day, we tried to recruit him and finally, he's given in! He joins us from Zeebox and will be flexing his coding muscles to make PlayCanvas even more responsive, scalable and stable. Follow him on [Twitter](https://twitter.com/mrmaxm) to keep up with his technical musings.

Expand All @@ -28,5 +28,5 @@ That's all for now, true believers.

Vaios, our man in Greece, was jealous that he missed out on the team photo in the new office. So Kevin kindly "retouched" the photo to include him. I like the medals personally.

[![PlayCanvas Team](/img/team_photo_small.jpg)](/img/team_photo_small.jpg)
<br />_Team PlayCanvas_
[![PlayCanvas Team](/img/team_photo_small.jpg)](/img/team_photo_small.jpg)
_Team PlayCanvas_
Loading

0 comments on commit 4d81f8d

Please sign in to comment.