Index: site/user/sample/hello.md |
diff --git a/site/user/sample/hello.md b/site/user/sample/hello.md |
deleted file mode 100644 |
index f4c83e0dde879c2de30dfb444a58a2ad4086df5f..0000000000000000000000000000000000000000 |
--- a/site/user/sample/hello.md |
+++ /dev/null |
@@ -1,129 +0,0 @@ |
-Creating a Skia "Hello World!" |
-============================== |
- |
-This tutorial will guide you through the steps to create a Hello World Desktop |
-application in Skia. |
- |
-Who this tutorial is for: |
-------------------------- |
- |
-This will be useful to you if you want to create a window that can receive |
-events and to which you can draw with Skia. |
- |
-Step 1: Check out and build Skia |
--------------------------------- |
- |
-Follow the instructions for: Linux, Mac OS X or Windows. The framework that we |
-will be using does not currently support other platforms. |
- |
-Once you have a working development environment, we can move on to the next step. |
- |
-Step 2: Build the included HelloSkia Example |
--------------------------------------------- |
- |
-We will be using the "SkiaExamples" framework. You can find it in the |
-experimental/SkiaExamples directory. There is an included HelloWorld example, |
-and we will start by building it before we go ahead and create our own. |
- |
-### On Mac OS X |
- |
-Run `GYP_GENERATORS="ninja" ./gyp_skia` |
-This will generate a ninja target, and `ninja -C out/Debug SkiaExamples` will create `SkiaExamples.app` |
- |
-### On Linux: |
-Run `GYP_GENERATORS="ninja" ./gyp_skia` |
- |
-Build the SkiaExamples target: |
- |
- ninja -C out/Release SkiaExamples |
- |
-The SkiaExamples binary should be in `out/Release/SkiaExamples` |
- |
-### On Windows |
- |
-Run `./gyp_skia` |
- |
-There should be a Visual Studio project `out/gyp/SkiaExamples.vcproj` with |
-which you can build the SkiaExamples binary. |
- |
-### Run the SkiaExamples. |
- |
-You should see a window open displaying rotating text and some geometry. |
- |
-Step 3: Create your own Sample |
------------------------------- |
- |
-Create a file `experimental/SkiaExamples/Tutorial.cpp` within the Skia tree. Copy the following code: |
- |
-<!--?prettify lang=cc?--> |
- |
-~~~~ |
-#include "SkExample.h" |
-#include "SkDevice.h" |
- |
-class HelloTutorial : public SkExample { |
- public: |
- HelloTutorial(SkExampleWindow* window) |
- : SkExample(window) |
- { |
- fName = "Tutorial"; // This is how Skia will find your example. |
- |
- fWindow->setupBackend(SkExampleWindow::kGPU_DeviceType); |
- // Another option is the CPU backend: fWindow->setupBackend(kRaster_DeviceType); |
- } |
- |
- protected: |
- void draw(SkCanvas* canvas) override { |
- // Clear background |
- canvas->drawColor(SK_ColorWHITE); |
- |
- SkPaint paint; |
- // Draw a message with a nice black paint. |
- paint.setFlags(SkPaint::kAntiAlias_Flag); |
- paint.setColor(SK_ColorBLACK); |
- paint.setTextSize(SkIntToScalar(20)); |
- |
- static const char message[] = "Hello World!"; |
- |
- // Translate and draw the text: |
- canvas->save(); |
- canvas->translate(SkIntToScalar(50), SkIntToScalar(100)); |
- canvas->drawText(message, strlen(message), SkIntToScalar(0), SkIntToScalar(0), paint); |
- canvas->restore(); |
- |
- // If you ever want to do animation. Use the inval method to trigger a redraw. |
- this->fWindow->inval(NULL); |
- } |
-}; |
- |
-static SkExample* MyFactory(SkExampleWindow* window) { |
- return new HelloTutorial(window); |
-} |
-static SkExample::Registry registry(MyFactory); |
-~~~~ |
- |
- |
-Step 4: Compile and run SkiaExamples with your Sample |
------------------------------------------------------ |
- |
-Here is what you have to do to compile your example. There will be |
-functionality to make this easier, but for now, this is what you have to do: |
- |
-* Open `gyp/experimental.gyp` and look for the `SkiaExamples` target. |
- |
-* In the 'sources' section of the SkiaExampels target, add |
- `../experimental/SkiaExamples/Tutorial.cpp` to the list of sources. |
- |
-* Repeat Step 2 to update our gyp targets and build our example. |
- |
-* Run the SkiaExamples, specifying the name of our new example: |
- |
- $> out/Release/SkiaExamples --match Tutorial |
- |
-Step 5: How to iterate through multiple examples |
------------------------------------------------- |
- |
-If you did not specify an example with the `--match` flag, or if your match |
-string matches more than one example, you can use the *n* key to iterate |
-through all of the examples registered. |
- |