I wanted to see if I could get a YouTube video to play on a plane inside of a Three.js rendering.
I have ideas for having pop-up short videos as part of interactive displays. We will see when and if I do something with this!
And it is possible, I found a demo on the three.js web site, and built this Pen on CodePen which works nicely!
See the Pen YouTube Video Player in Three.js by Orville Chomer (@orvilleChomer) on CodePen.0
This is my submission to a Codepen Challenge for week 1 of March 2019.
See the Pen
Dan Bricklin – Inventor of the Spreadsheet by Orville Chomer (@orvilleChomer)
Well, I’ve started to mess around with Cloudkit. And, before I could get out of the gate, before I could write a line of useful code, I ran into some troubles. These are probably due to my unique quirky circumstances. But then again, there are probably a small handful of developers who may have run into some of these problems and perhaps my blunders and lessons learned may be of help to you.
First of all, the Cloudkit Dashboard only “kind of” worked.
- First problem here: I created my developer Apple Id a long long time ago when it could be anything (as long as someone else didn’t have it already).
- Now, various Apple tools want your Apple Id to be a valid email address. Mine was not an email address! Never had been!
- First of all, I created a new Gmail account just for my Apple Development work.
- Then I had to figure out the process for changing my Apple Id. I dreaded that I would have to re-log into everything, and have things blowing up left and right. It turns out the process was not that scary and I did not have to re-log into everything! Phew!
- The nasty messages about needing to have my Apple Id be an email address went away.
- Second Problem: my iCloud log on.
- When trying to access the private database in my project’s container, it said that I wasn’t logged into iCloud. But I was logged in! I checked!
- It turned out that I couldn’t just be logged in with any old log in. The iCloud log in in my System Preferences had to be the same as my developer log in. What a pain! But, once I changed that, all of a sudden things started working…
- On the Cloudkit Dashboard, I created a new record type in my private db, added a couple fields to it, and added a couple indexes to it to boot!
For now, on my Mac, I’ve set up a separate developer log on. If that’s what I need to do to get things to work that is what I will do. There is still a bunch of other things I need to set up on this new user account to make it usable for more than opening Xcode and building apps.
I’d rather have a spot in Xcode where I could log into iCloud just for the apps I’m building. Perhaps it’s there? Am I missing something? If you know something that I don’t leave a comment below.
I saw this over on Facebook, and I thought it was awesome!
I’ve been living with this problem a little awhile now. This problem was introduced with the last upgrade of Xcode: Version 10.0 (10A255).
Help comes up for sure. Always has for me. I move my mouse over something like a class name that is part of Apple’s eco-system, like (for example): SKAction… I hold down the Option key of my keyboard… the mouse icon turns into a nifty bold question mark… I left mouse-click… a popup comes up… I click the Open in Developer Documentation link at the bottom of the popup… and Behold! A window pops up about SKAction!
But there is this tree control on the left side of the window… you know the one that I mean… and SKAction is not highlighted in it! This is annoying because by expanding the SKAction node in this tree control (for example), I can see all the methods that belong to this class. And, if I click on one of those method names, then I see the help for it. And that obviously is really handy!
This used to work. Except, when you had help up from a previous search, then whatever you had selected from a previous search would be highlighted (even though the content on the right hand side of the window would be correct). Annoying, but no problem: I would just close the documentation window and re-do the [Option]-click, and the item I had picked would be properly highlighted in the tree! And I could explore all the related items to my heart’s content.
The past problem was slightly annoying. This problem is Really annoying!
Another annoying problem: If you pick an option in Objective C, it brings up the help for Swift. If the context is Swift, it should display the help for Swift, if the context is Objective C, the help for Objective C! I know, all I need to do is click the [Objective C] link on the page… but this is supposed to be contextual help!
Hopefully devs have been complaining and this will be fixed the next release. It just slows me down. So I am blowing off a little bit of steam by writing this post. 🙂
Just me stopping for a moment to express a simple desire…(ahem o’ Apple!)… If you have a multi-monitor setup (I have two: my Mac itself, and another to its left), moving my mouse around a certain part of the screen (no clicking), causes the dock to move from one monitor to the other.
Some people may like this. I do not. I really just want my dock to stay put on the right hand screen.
If Apple would just add an option in the Dock preferences to lock the dock the the current screen that would be awesome. It could be deselected as a default so that everyone who thinks the dock works fine would be happy, and people like me could make sure that the dock was on the screen we want, and check that option and no longer have it popping around now and then from screen to screen.
A lot has happened since my last post here:
- I’ve written a crude SQLite wrapper in Objective C (separate project). And have begun work on a little program that will read words out of a text file and add them to a table in an SQLite database. The column containing the word will be indexed so hopefully there will be a quick lookup!
- I’ve managed to download a text file that is basically a list of English words (not a dictionary since there are no definitions).
- I’ve started going through this file removing words that are not applicable (based on the game’s rules). This is going to take awhile. There are a lot of words in this list!
- I am planning on having another column in the table where the word will appear with all its letters in alphabetical order. This column will be indexed too. This is all part of a crazy idea I have as part of an algorithm for the computer to quickly pick words to form based on the letters it currently has… This is for when the user is playing the computer or the computer is playing itself … Attract Mode.
- I’m still not done with this little program to build my SQLite database table.
- Back to work I’ve done on the main Objective C game code…
- The main game menu is up and running (though at this point only the Create Game button is working).
- Ive got a general purpose game menu button selection method which purpose is to play a button select animation, which, when done running, will then call the proper method to run based on whichever button was selected. “Part” of the SpriteKit animation is playing a button “click” sound. The sound file being played right now is just a placeholder sound until I can create/get the final sound file.
- I’ve now gotten an Apple TV version of the project working! Yay! The projects are different, but both iOS and Apple TV projects are pointing to the same source code.
- I’ve figured out how to run my app in Xcode on my actual Apple TV box that is in the same room! The room where my home office is, is also my wife and I’s den.
- There is specific code that is called only when running on Apple TV, iPad, or iPhone.
- But there is a lot of common code that is run by every platform.
- Speaking of Apple TV specific code, I was able to get game controller code working for it (at least for the Siri Remote). So, for now, I can use the Siri Remote to navigate through the game menu and select an option.
- I’ve added to the existing data structures for tile spots and buttons information for how to handle which element should be navigated to based on how the user uses their game pad on their Siri Remote. I’ve only been able to test it with the menu buttons so far and it seems to work pretty good.
- There is a SpriteKit animation associated with changing the highlighted menu button. Part of it plays a sound file (think of the sound playing as you move for movie poster to movie poster in Apple’s Movie app). The sound right now is just a placeholder sound as well.
- I would like the animation above to include the tilting of the highlighted item like the Apple Movie and TV apps and the Netflix app does. I plan on using the SKAction they have now to do a “warp” of the sprite. We’ll see how that goes.
- I’ve added code to create, display, and run a game timer. The player will get 3 minutes for their turn.
- This game is a multi-player game. And hence it needs functionality coded in to provide that functionality. At this point, I am planning on using Apple’s GameKit to implement these features. Specifically, the features that were mentioned in the talk “What’s New in Game Center” that Megan Gardner gave at the WWDC 2016. Specifically the features around the usage of the new GKGameSession class. You can watch the video of this presentation here. I watched this video a couple months back during the process of doing some initial investigation on what I would need to do to get this game to be a multi-player game. And I found it’s content exciting. What she talked about seemed to be able to do everything that I wanted without me having to compromise anything that I wanted in the game functionality!
Current Problems and Road-Blocks:
- Sound on Apple TV version of app going away.
- Initially, this worked fine. But then it suddenly stopped working.
- When I’d leave the app and go into another app, their sound effects still worked just fine.
- I had not turned the volume down on my Apple TV.
- I checked the code just to make sure that I had not somehow removed the code that played the sound effect. I had not.
- When running the iPad version of the game, it still plays the sound effect (shared code).
- This problem is not at the top of my list, but it is annoying and it will need to be figured out eventually.
- The Big Problem: Finding GameKit documentation including code examples (especially using the GKGameSession class).
- This problem is causing a lot of anxiety and frustration for me. I can imagine that its doing/done the same for other iOS/macOS/tvOS developers out there too. I (like them) would rather be solving problems in my game itself, not having to be an API forensic anthropologist untangling a confusing web of sparse clues! And I’m really reluctant to use one of my Apple Developer support tickets for something like this which (in my opinion) is really Apple’s fault.
- Maybe I’m blind in one eye and can’t see out of the other, but Apple does not provide any on-line code examples for GameKit/Game Center. None. If its out there, its hidden really good!
- The API’s syntax documentation is very sparse.
- If you look up a class such as GKGameSession, in addition to the sparse documentation, and no examples, it says it Deprecated! Really??
- Okay, they do mention on the page that it was deprecated for iOS 10.0, macOS 10.12, and tvOS 10.0. iOS 10.0 came out on September 13, 2016 (just found that out now). If this is true, this means that all these cool, new, and sexy features did not even last 6 months. I don’t know, that is hard for me to believe.
- When I saw this I thought “well, there has to be a presentation in 2017 or 2018 (this year) where they mention the new changes and which classes have been deprecated.” There were none. In fact there were no new presentations on Game Center/Kit since 2016.
- Okay, it seems that Apple gave GKGameSession the boot. If it did, it was real quiet-like. The 2016 presentation that that Megan Gardner gave mentioned at least one class that was being deprecated and how they were taking away the Game Center app. So, it would make sense that if as of September 13, 2016, that the GKGameSession class was deprecated, that at least there would be a presentation during WWDC 2017 covering any changes… and why those changes were made… Or perhaps at least a web page explaining all this?
- I’ve seen in various spots on the web people asking questions about GKGameSession. Rarely getting any answers. And certainly none from Apple (even on their developer forum).
- I can’t find any how-to tutorial info on the web on the subject. Lots of info on stuff like SpriteKit though.
- No books covering the subject (at least not recently covered).
- No courses in Lynda.com or Udemy.
- I did find some stuff of interest out on Github that I am looking into. But it is definitely not something a dev could easily figure out how to piece it all together. What interests me is where did they get some of the pieces of code to help them fit it together? Somewhere that I don’t know about at least!
- To be honest, I did find some code examples and a tutorial on using GameKit on raywenderlich.com. But this tutorial was created in 2014. I want to use the newer features of 2016.
- Well, I have several lines of inquiry for this problem. Mainly involving an attempt to contact certain people in hopes that they can connect me with folks who DO know the answers to these questions. Wish me luck!
Well, I went on a lot longer than I expected in this post! If you know where I can find the information I’m looking for, any help would be greatly appreciated.
I’ve had, for awhile, various ideas for doing the animation of text. Imagine (if you will), your user clicks on something on the page, and this cool animation of swirling letters happens, and the letters come together to for some paragraphs of text.
Then your user clicks a DONE button, let’s say, and those same paragraphs explode into a swirl of letters which now fly apart and disappear off the edge of the screen.
That is as far as I got.
Well yesterday, I decided to pick up this little project again and I surprisingly got a working example! Usually stuff like this takes a bit of debugging before it starts to cooperate with me!
Below, embedded on this blog post is the Pen that I created in Code Pen to do this.
It is just an experiment. But I think a successful one! Try clicking the buttons in it to see it in action. I designed it on my iMac and made no attempt to make it work perfectly on a mobile device. Again, it is just an experiment.
See the Pen Formatting a Paragraph for Text Animation by Orville Chomer (@orvilleChomer) on CodePen.0
Note that the DIV with the red border has overflow set to hidden. This is to keep crazy scroll bars from appearing while letters are flying around.
Although I have not worked on “the game” quite as much as I would have liked to, it is a whole heck of a lot more than I’ve ever worked on it before!
Honestly, I’ve not documented much here on the blog like I had intended. Read more
For this game, I am using the layout of Scrabble on the iPhone and the iPad as a frame of reference. I am not copying it exactly. BTW, this is not a Scrabble knock-off! It is a word game though, and I’m sure it will be something you would find under the “Word” category in “Games” on the app store!
Hopefully, this app will be so good, that you find it featured by Apple!
For reference, today, I needed a screen shot from Scrabble on my iPhone where the game board is “zoomed in.” So I…